Android Navigationについて

Question

前提・実現したいこと

BottomNavigationView と Navigation を併用したいです。なぜかエラーが出力され、原因も不明であるため、どこがまちがっているか教えていただきたいです。

発生している問題・エラーメッセージ

Unable to start activity ComponentInfo{com.example.hoge/com.example.hoge.ui.MainActivity}: android.view.InflateException: Binary XML file line #12: Binary XML file line #12: Error inflating class fragment

具体的な原因が不明であるため、解決できません。

該当のソースコード

MainActivity.kt

class MainActivity : AppCompatActivity() {

    private val binding by lazy { ActivityMainBinding.inflate(layoutInflater) }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        binding.run{
            navigation.setupWithNavController(
                Navigation.findNavController(
                    this@MainActivity,
                    R.id.nav_fragment
                )
            )
        }
    }
}

MainActivity.ktのレイアウト

<?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"
    xmlns:tools="http://schemas.android.com/tools">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".presentation.screen.home.MainActivity">

        <fragment
            android:id="@+id/nav_fragment"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:name="androidx.navigation.fragment.NavHostFragment"
            app:navGraph="@navigation/navigation_graph"
            app:defaultNavHost="true"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintBottom_toBottomOf="@id/navigation"/>

        <com.google.android.material.bottomnavigation.BottomNavigationView
            android:id="@+id/navigation"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="?android:attr/windowBackground"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:itemTextColor="@color/black"
            app:itemIconTint="@color/white"
            app:menu="@menu/bottom_menu"/>

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

menuフォルダに入っているファイル（bottom_menu.xml）

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/fugaFragment"
        android:icon="@drawable/ic_huga"
        android:title="fuga" />

    <item
        android:id="@+id/hogeFragment"
        android:icon="@drawable/ic_hoge"
        android:title="hoge" />
</menu>

navigationフォルダに入っているnavigation_gragh.xml

<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/bottom_navigation_view"
    app:startDestination="@id/fugaFragment">

    <fragment
        android:id="@+id/fugaFragment"
        android:name="com.example.hoge.ui.FugaFragment"
        android:label="FugaFragment" />

    <fragment
        android:id="@+id/hogeFragment"
        android:name="com.example.hoge.ui.HogeFragment"
        android:label="HogeFragment"/>

</navigation>

2つのFragment

class XxxFragment : Fragment() {
    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        return inflater.inflate(R.layout.fragment_xxx, container, false)
    }
}

Fragmentのレイアウト

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <data>

    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".ui.XxxFragment">

        <TextView
            android:id="@+id/xxx"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            android:text="xxx" />

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

実装するうえで読んだ記事、エラーを解決するために読んだ記事

• BottomNavigationView と Navigationを一緒に使う
• android.view.InflateException: Binary XML file: Error inflating class fragment
• inflating class fragment が出てしまう｡

Comments

[jimbe]

コードに package 文があれば、それも含めてください。

> 2つのFragment
コードが一つしかありませんが、「2つ」とは？

[_kei]

コメントありがとうございます。

xxxが異なるだけで、それ以外の内容は全く同じであるため、１つのコードしか載せていません。

package文とはなんでしょうか？importしている部分のことでしょうか？その場合、実行は出来ているため不要だと思ったのですが、、。

[jimbe]

いえ、package が無ければ結構です。

フラグメントの件は了解致しました。
宜しければ「xxxが異なるだけで~」と追加しておいて頂けるとありがたいです。

それで、エラーメッセージを御覧になって「具体的な原因が不明」と言われるのは、英語が分からなかったということでしょうか。

[_kei]

いえ、エラーメッセージを読み、どこのコードが間違っているのか特定することができなかったということです。

[jimbe]

ではまず、「発生している問題・エラーメッセージ」には一行だけ書かれていますが「実装するうえで読んだ記事、エラーを解決するために読んだ記事」にある stackoverflow のリンク先では java.lang.RuntimeException: から始まり多数の行が出力されています。この件でも同じように多数出ていませんでしょうか。
ありましたら「発生している問題・エラーメッセージ」の所に全て張り付けて頂けませんか。

[hoshi-takanori]

Data Binding を使ってるのに setContentView してるからでは。

あと、エラーメッセージというか、スタックトレースを貼る時は、ちょっと長いですが全体を張ってくれると助かります。
具体的には、下の方に Caused by: java.lang.IllegalArgumentException: Binary XML file line #xx: Duplicate id 0xxxxx, tag null, or parent id 0xffffffff with another fragment for ... みたいなのが出てるはず。

[_kei]

hoshi-takanori 様　
コメントしていただき、ありがとうございます。無事解決することができました。回答を作成していただければ、ベストアンサーを差し上げますのでよろしくお願い致します。

Answer 1

MainActivity.kt において、onCreateメソッドの中で、作成されたBindinクラスのrootをsetContentViewに適用すれば解決することができました。