发布
社区首页 >问答首页 >带有FragmentContainerView的Null NavHostFragment/NavController

带有FragmentContainerView的Null NavHostFragment/NavController
EN

Stack Overflow用户
提问于 2020-05-15 20:18:02
回答 2查看 4.8K关注 0票数 3

期望的

使用导航UI的BottomNavigationViewFragmentContainerView创建底部的应用程序栏导航,类似于示例应用程序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

实现

  1. 为第一个视图home.xml创建导航图,以便在app > res >导航下的BottomNavigationView中显示。 当提示添加项目依赖项时,选择OK。 kotlinOptions { jvmTarget = '1.8' }添加到build.gradle (:someAppModule)中,以启用AppBarConfiguration的内联字节码。 向home.xml中添加一个片段,以便在BottomNavigationView中显示。

home.xml

代码语言:javascript
代码运行次数:0
复制
<?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

代码语言:javascript
代码运行次数:0
复制
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'
}
  1. BottomNavigationView,bottom_nav.xml,在app > res >菜单下创建一个菜单。 为菜单idtitle添加字符串值。 为菜单icon添加可绘制的矢量。

bottom_nav.xml

代码语言:javascript
代码运行次数:0
复制
<?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>
  1. FragmentContainerViewBottomNavigationView添加到MainActivity.kt的activity_main.xml布局中。

activity_main.xml

代码语言:javascript
代码运行次数:0
复制
<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>
  1. BottomNavigationView中启用MainActivity.kt。 a.创建AppBarConfiguration。参见:用NaviationUI > https://developer.android.com/guide/navigation/navigation-ui#appbarconfiguration更新UI组件 b.创建NavHostFragmentNavController。参见: StackOverflow https://stackoverflow.com/a/59275182/2253682解决方案 设置操作栏导航。 d.设置BottomNavigationView导航。参见:用NavigationUI > https://developer.android.com/guide/navigation/navigation-ui#bottom_navigation更新UI组件

MainActivity.kt

代码语言:javascript
代码运行次数:0
复制
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)
    }
}

尝试解决方案

  1. NavController中所概述的那样,使用findNavController(R.id.nav_host_container)创建文档
  2. fragment中实现一个FragmentContainerView视图而不是FragmentContainerView视图。

activity_main.xml

代码语言:javascript
代码运行次数:0
复制
<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>
EN

回答 2

Stack Overflow用户

发布于 2020-10-21 15:34:12

我也有这个问题。我的错误是我没有在导航文件中输入正确的导航标签ID。注意,ID必须等于菜单项的ID。

在导航文件(导航/ file .xml)中:

代码语言:javascript
代码运行次数:0
复制
<navigation
android:id="@+id/home" ... >

并在菜单文件( menu /底部_Nav.xml)中:

代码语言:javascript
代码运行次数:0
复制
 <item
    android:id="@+id/home" ... />
票数 2
EN

Stack Overflow用户

发布于 2020-05-15 21:53:00

BottomNavigationView菜单项添加父导航图。

完整的示例代码包含在BottomNavigationSample中。

  1. 为菜单片段创建父级导航图。注意,这没有反映在NavigationAdvancedSample体系结构模式中,它有三个单独的导航图而没有父导航图。

这可以通过每个菜单项的一个父导航图和片段或嵌套导航图来实现。嵌套导航图很好,因为每个子流都可以在嵌套图中组织。

main.xml

代码语言:javascript
代码运行次数:0
复制
<?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>
  1. 使用navGraphFragmentContainerView中添加父图。

activity_main.xml

代码语言:javascript
代码运行次数:0
复制
<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>
  1. BottomNavigationView中启用MainActivity.kt。
代码语言:javascript
代码运行次数:0
复制
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)
    }
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61827683

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档