MeowBottomNavigation
MeowBottomNavigation copied to clipboard
it doesn’t show the icon why?
i have this coe
xml
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/colorPrimary"
android:orientation="vertical">
<meow.bottomnavigation.MeowBottomNavigation
android:id="@+id/bottomNavigation"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
app:mbn_circleColor="#ffffff"
app:mbn_backgroundBottomColor="#ffffff"
app:mbn_countBackgroundColor="#ff6f00"
app:mbn_countTextColor="#ffffff"
app:mbn_countTypeface="fonts/SourceSansPro-Regular.ttf"
app:mbn_defaultIconColor="#90a4ae"
app:mbn_rippleColor="#2f424242"
app:mbn_selectedIconColor="#3c415e"
app:mbn_shadowColor="#1f212121" />
</FrameLayout>
</layout>
and MainActivity code
package com.example.myapplication
import android.graphics.Typeface
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Toast
import androidx.databinding.DataBindingUtil
import com.example.myapplication.databinding.ActivityMainBinding
import meow.bottomnavigation.MeowBottomNavigation
class MainActivity : AppCompatActivity() {
companion object {
private const val ID_HOME = 1
private const val ID_EXPLORE = 2
private const val ID_MESSAGE = 3
private const val ID_NOTIFICATION = 4
private const val ID_ACCOUNT = 5
}
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
val binding = DataBindingUtil.setContentView<ActivityMainBinding>(
this,
R.layout.activity_main
)
binding.bottomNavigation.apply {
add(
MeowBottomNavigation.Model(
ID_HOME,
R.drawable.ic_home
)
)
add(
MeowBottomNavigation.Model(
ID_EXPLORE,
R.drawable.ic_explore
)
)
add(
MeowBottomNavigation.Model(
ID_MESSAGE,
R.drawable.ic_message
)
)
add(
MeowBottomNavigation.Model(
ID_NOTIFICATION,
R.drawable.ic_notification
)
)
add(
MeowBottomNavigation.Model(
ID_ACCOUNT,
R.drawable.ic_account
)
)
setCount(ID_NOTIFICATION, "115")
setOnShowListener {
val name = when (it.id) {
ID_HOME -> "HOME"
ID_EXPLORE -> "EXPLORE"
ID_MESSAGE -> "MESSAGE"
ID_NOTIFICATION -> "NOTIFICATION"
ID_ACCOUNT -> "ACCOUNT"
else -> ""
}
}
setOnClickMenuListener {
val name = when (it.id) {
ID_HOME -> "HOME"
ID_EXPLORE -> "EXPLORE"
ID_MESSAGE -> "MESSAGE"
ID_NOTIFICATION -> "NOTIFICATION"
ID_ACCOUNT -> "ACCOUNT"
else -> ""
}
}
setOnReselectListener {
Toast.makeText(context, "item ${it.id} is reselected.", Toast.LENGTH_LONG).show()
}
show(ID_HOME)
}
}
}
there is no icon why ? i have the icon in the file
hi there, i had this same problem and fixed by using older version of this plugin, here's the version i used: com.etebarian:meow-bottom-navigation:1.2.0, and replace the xml view to this: <com.etebarian.meowbottomnavigation.MeowBottomNavigation/> because the latest version has different xml view's name