期望的
使用导航UI的BottomNavigationView
和FragmentContainerView
创建底部的应用程序栏导航,类似于示例应用程序https://github.com/android/architecture-components-samples/tree/master/NavigationAdvancedSample。
注意,NavigationAndvancedSample应用程序似乎没有使用与文档中描述的实现相同的实现,因为它使用自定义扩展方法setupWithNavController
提供了解决方案。
观察到的
当使用一个NavHostFragment
在MainActivity.kt中创建BottomNavigationView
时,空FragmentContainerView
。
可在 https://github.com/AdamSHurwitz/BottomNavigationViewSample 存储库中获得可重复的错误和完整的代码示例。
错误
2020年-05-15 12:39:19.117 18747-18747/com.example.bottomnavigationviewsample E/AndroidRuntime:致命异常:主要进程: com.example.bottomnavigationviewsample,PID: 18747 java.lang.RuntimeException:无法启动活动ComponentInfo{com.example.bottomnavigationviewsample/com.example.bottomnavigationviewsample.MainActivity}:kotlin.TypeCastException:空不能转换为非空类型androidx.navigation.fragment.NavHostFragment at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:3270) at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:3409) at android.app.servertransaction.LaunchActivityItem.execute(LaunchActivityItem.java:83)在android.app.servertransaction.TransactionExecutor.executeCallbacks(TransactionExecutor.java:135) at android.app.servertransaction.TransactionExecutor.execute(TransactionExecutor.java:95) at android.app.ActivityThread$H.handleMessage(ActivityThread.java:2016) at android.os.Handler.dispatchMessage(Handler.java:107) at android.os.Looper.loop(Looper.java:214) at android.app.ActivityThread.main(ActivityThread.java:7356) at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:492) at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:930) at java.lang.reflect.Method.invoke(本机方法),由: kotlin.TypeCastException: null引起,不能在com.example.bottomnavigationviewsample.MainActivity.onCreate(MainActivity.kt:16)转换为非空类型androidx.navigation.fragment.NavHostFragment。在android.app.Activity.performCreate(Activity.java:7802) at android.app.Activity.performCreate(Activity.java:7791) at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1299) at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:3245) at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:3409) at android.app.servertransaction.LaunchActivityItem.execute(LaunchActivityItem.java:83)在android.app.servertransaction.TransactionExecutor.executeCallbacks(TransactionExecutor.java:135),在android.app.servertransaction.TransactionExecutor.execute(TransactionExecutor.java:95),在android.app.ActivityThread$H.handleMessage(ActivityThread.java:2016),在android.os.Handler.dispatchMessage(Handler.java:107),在android.os.Looper.loop(Looper.java:214),在安卓。App.ActivityThread.main(ActivityThread.java:7356) at java.lang.reflect.Method.invoke(本地方法)在com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:492) at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:930) 2020-05-15 12:39:19.132 18747-18747/com.example.bottomnavigationviewsample I/Process:发送信号。PID: 18747 SIG: 9
实现
BottomNavigationView
中显示。
当提示添加项目依赖项时,选择OK。
将kotlinOptions { jvmTarget = '1.8' }
添加到build.gradle (:someAppModule)中,以启用AppBarConfiguration
的内联字节码。
向home.xml中添加一个片段,以便在BottomNavigationView
中显示。home.xml
<?xml version="1.0" encoding="utf-8"?>
<navigation xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/home"
app:startDestination="@id/homeFragment">
<fragment
android:id="@+id/homeFragment"
android:name="com.example.bottomnavigationviewsample.HomeFragment"
android:label="fragment_home"
tools:layout="@layout/fragment_home" />
</navigation>
build.gradle
apply plugin: 'com.android.application'
apply plugin: 'kotlin-android'
apply plugin: 'kotlin-android-extensions'
android {
compileSdkVersion 29
buildToolsVersion "29.0.3"
kotlinOptions { jvmTarget = '1.8' }
defaultConfig {
applicationId "com.example.bottomnavigationviewsample"
minSdkVersion 21
targetSdkVersion 29
versionCode 1
versionName "1.0"
testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
}
buildTypes {
release {
minifyEnabled false
proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
}
}
}
dependencies {
implementation fileTree(dir: 'libs', include: ['*.jar'])
implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
implementation 'androidx.appcompat:appcompat:1.1.0'
implementation 'androidx.core:core-ktx:1.2.0'
implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
testImplementation 'junit:junit:4.12'
androidTestImplementation 'androidx.test.ext:junit:1.1.1'
androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0'
implementation 'androidx.navigation:navigation-fragment-ktx:2.2.2'
implementation 'androidx.navigation:navigation-ui-ktx:2.2.2'
}
BottomNavigationView
,bottom_nav.xml,在app > res >菜单下创建一个菜单。
为菜单id
和title
添加字符串值。
为菜单icon
添加可绘制的矢量。bottom_nav.xml
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/home"
android:icon="@drawable/ic_home_black_24dp"
android:contentDescription="@string/cd_home"
android:title="@string/title_home" />
</menu>
FragmentContainerView
和BottomNavigationView
添加到MainActivity.kt的activity_main.xml布局中。activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">
<androidx.fragment.app.FragmentContainerView
android:id="@+id/nav_host_container"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1" />
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottom_nav"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:menu="@menu/bottom_nav"/>
</LinearLayout>
BottomNavigationView
中启用MainActivity.kt。
a.创建AppBarConfiguration
。参见:用NaviationUI > https://developer.android.com/guide/navigation/navigation-ui#appbarconfiguration更新UI组件
b.创建NavHostFragment
和NavController
。参见: StackOverflow https://stackoverflow.com/a/59275182/2253682解决方案
设置操作栏导航。
d.设置BottomNavigationView
导航。参见:用NavigationUI > https://developer.android.com/guide/navigation/navigation-ui#bottom_navigation更新UI组件MainActivity.kt
package com.example.bottomnavigationviewsample
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import androidx.navigation.fragment.NavHostFragment
import androidx.navigation.ui.AppBarConfiguration
import androidx.navigation.ui.setupActionBarWithNavController
import androidx.navigation.ui.setupWithNavController
import kotlinx.android.synthetic.main.activity_main.*
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val appBarConfiguration = AppBarConfiguration(setOf(R.id.home))
val navHostFragment = supportFragmentManager.findFragmentById(R.id.nav_host_container) as NavHostFragment
val navController = navHostFragment.navController
setupActionBarWithNavController(navController, appBarConfiguration)
bottom_nav.setupWithNavController(navController)
}
}
尝试解决方案
NavController
中所概述的那样,使用findNavController(R.id.nav_host_container)
创建文档。fragment
中实现一个FragmentContainerView
视图而不是FragmentContainerView
视图。activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">
<fragment
android:id="@+id/nav_host_container"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1" />
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottom_nav"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:menu="@menu/bottom_nav"/>
</LinearLayout>
发布于 2020-10-21 15:34:12
我也有这个问题。我的错误是我没有在导航文件中输入正确的导航标签ID。注意,ID必须等于菜单项的ID。
在导航文件(导航/ file .xml)中:
<navigation
android:id="@+id/home" ... >
并在菜单文件( menu /底部_Nav.xml)中:
<item
android:id="@+id/home" ... />
发布于 2020-05-15 21:53:00
为BottomNavigationView
菜单项添加父导航图。
完整的示例代码包含在BottomNavigationSample中。
这可以通过每个菜单项的一个父导航图和片段或嵌套导航图来实现。嵌套导航图很好,因为每个子流都可以在嵌套图中组织。
main.xml
<?xml version="1.0" encoding="utf-8"?>
<navigation xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/main"
app:startDestination="@id/home">
<include app:graph="@navigation/home" />
<include app:graph="@navigation/saved" />
</navigation>
navGraph
在FragmentContainerView
中添加父图。activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">
<androidx.fragment.app.FragmentContainerView
android:id="@+id/nav_host_container"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
app:defaultNavHost="true"
app:navGraph="@navigation/main"/>
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottom_nav"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:menu="@menu/bottom_nav" />
</LinearLayout>
BottomNavigationView
中启用MainActivity.kt。import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import androidx.navigation.fragment.NavHostFragment
import androidx.navigation.ui.AppBarConfiguration
import androidx.navigation.ui.setupActionBarWithNavController
import androidx.navigation.ui.setupWithNavController
import kotlinx.android.synthetic.main.activity_main.*
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val appBarConfiguration = AppBarConfiguration(setOf(R.id.home, R.id.saved))
val navHostFragment = supportFragmentManager.findFragmentById(R.id.nav_host_container) as NavHostFragment
val navController = navHostFragment.navController
setupActionBarWithNavController(navController, appBarConfiguration)
bottom_nav.setupWithNavController(navController)
}
}
https://stackoverflow.com/questions/61827683
复制相似问题