예상
탐색 UI를 사용 하고 샘플 앱 NavigationAdavancedSampleBottomNavigationView 과 FragmentContainerView유사한 하단 앱바 탐색을 만듭니다 .
참고 NavigationAndvancedSample 응용 프로그램은과 동일한 구현을 사용하는 표시되지 않습니다 문서 는 사용자 정의 확장 방법을 사용하여 해결의 구현이로 setupWithNavController.
관찰
널은 NavHostFragment를 만들 때 BottomNavigationView에 MainActivity.kt A를 FragmentContainerView.
재현 가능한 오류 및 전체 코드 샘플은 BottomNavigationViewSample 저장소 에서 사용할 수 있습니다 .
오류
2020-05-15 12 : 39 : 19.117 18747-18747 / com.example.bottomnavigationviewsample E / AndroidRuntime : FATAL EXCEPTION : main Process : com.example.bottomnavigationviewsample, PID : 18747 java.lang.RuntimeException : Unable to start activity ComponentInfo { com.example.bottomnavigationviewsample / com.example.bottomnavigationviewsample.MainActivity} : kotlin.TypeCastException : null은 null이 아닌 유형 androidx.navigation.fragment.NavHostFragment로 캐스트 될 수 없습니다. android.app.ActivityThread.performLaunchActivity (ActivityThread.java:3270) at android.app.ActivityThread.handleLaunchActivity (ActivityThread.java:3409) at android.app.servertransaction.LaunchActivityItem.execute (LaunchActivityItem.java:83) at 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 java.lang.reflect.Method.invoke(Native Method) at com.android.internal.os.RuntimeInit$com.android.internal.os.ZygoteInit.main (ZygoteInit.java:930)의 MethodAndArgsCaller.run (RuntimeInit.java:492) 원인 : kotlin.TypeCastException : null은 null이 아닌 유형의 androidx.navigation.fragment로 캐스트 될 수 없습니다. .NavHostFragment at com.example.bottomnavigationviewsample.MainActivity.onCreate (MainActivity.kt : 16) at android.app.Activity.performCreate (Activity.java:7802) at android.app.Activity.performCreate (Activity.java:7791) at android.app.ActivityThread.performLaunchActivity (ActivityThread.java:3245)의 android.app.Instrumentation.callActivityOnCreate (Instrumentation.java:1299) at android.app.ActivityThread.handleLaunchActivity (ActivityThread.java:3409) at android.app.servertransaction .LaunchActivityItem.execute (LaunchActivityItem.java:83) at 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 java.lang.reflect.Method.invoke(Native Method) at com.android.internal.os.RuntimeInit$com.android.internal.os.ZygoteInit.main (ZygoteInit.java:930) 2020-05-15 12 : 39 : 19.132 18747-18747 / com.example.bottomnavigationviewsample I /에서 MethodAndArgsCaller.run (RuntimeInit.java:492) 프로세스 : 신호를 보내는 중입니다. PID : 18747 SIG : 9
이행
첫 번째보기 home.xml에 대한 탐색 그래프를 만들어 app> res> navigationBottomNavigationView 아래 에 표시합니다 .
ㅏ. 프로젝트 종속성 추가를 묻는 메시지가 나타나면 확인을 선택 합니다.
비. 추가 kotlinOptions { jvmTarget = '1.8' }로 : (someAppModule) build.gradle 인라인 바이트 코드를 사용하려면 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을 아래 응용 프로그램> 고해상도> 메뉴 .
ㅏ. 메뉴 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>
MainActivity.ktBottomNavigationView 에서 활성화하십시오 .
ㅏ. 만듭니다 AppBarConfiguration. 참조 : NaviationUI> AppBarConfiguration으로 UI 구성 요소 업데이트
비. 만들기 NavHostFragment와 NavController. 참조 : findNavController를 사용 하는 FragmentContainerView 용 StackOverflow 솔루션
씨. 작업 표시 줄 탐색을 설정합니다.
디. BottomNavigationView탐색을 설정합니다 . 참조 : NavigationUI로 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)
}
}
시도 된 솔루션
설명서에 설명 된대로 NavControllerwith findNavController(R.id.nav_host_container)를 만듭니다 .
구현 fragment보기 대신 FragmentContainerView에 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">
<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>
