首页 > 解决方案 > 底部导航图标不显示原始颜色

问题描述

我为图标下载了一些 .png 文件。我设计了材料设计的底部导航,但颜色和文字不可见。这是图标和底部导航的图片。 图标

home_fragment

<item
    android:id="@+id/navigation_catalogue"
    android:icon="@drawable/catalogue"
    android:title="Catalogue" />

<item
    android:id="@+id/navigation_search"
    android:icon="@drawable/search"
    android:title="Search" />

<item
    android:id="@+id/navigation_achievement"
    android:icon="@drawable/achievement"
    android:title="Achievements" />
<item
    android:id="@+id/navigation_profile"
    android:icon="@drawable/testaccount"
    android:title="Profile" />

家庭活动

public class Home extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_home);
    BottomNavigationView navView = findViewById(R.id.nav_view);
   
    navView.setItemIconTintList(null);
  
    AppBarConfiguration appBarConfiguration = new AppBarConfiguration.Builder(
            R.id.navigation_catalogue, R.id.navigation_search, R.id.navigation_achievement,R.id.navigation_profile)
            .build();
    NavController navController = Navigation.findNavController(this, R.id.nav_host_fragment);
    NavigationUI.setupActionBarWithNavController(this, navController, appBarConfiguration);
    NavigationUI.setupWithNavController(navView, navController);
}

}

 <com.google.android.material.bottomnavigation.BottomNavigationView
    android:id="@+id/nav_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginStart="0dp"
    android:layout_marginEnd="0dp"
    android:layout_margin="10dp"
    app:itemIconTint="@null"
    style="@style/Widget.MaterialComponents.BottomNavigationView"
    android:background="?android:attr/windowBackground"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:menu="@menu/bottom_nav_menu" />

提前致谢

标签: androidmaterial-designandroid-bottomnav

解决方案


添加app:itemIconTint="@null"您的BottomNavigationView


推荐阅读