How to use with CollapsingLayout with Navigation Advanced Example

Question

I am trying to integrate Collapsing layout with Navigation Advanced example

What I tried?

Added Collapsing bar layout to main_actvity.xml

<com.google.android.material.appbar.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <com.google.android.material.appbar.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"/>

    </com.google.android.material.appbar.CollapsingToolbarLayout>

</com.google.android.material.appbar.AppBarLayout>

Modified setupBottomNavigationBar() in MainActivity.kt

private fun setupBottomNavigationBar(){

...
controller.observe(this, Observer { navController ->

            mainBinding.collapsingToolbarLayout.setupWithNavController(mainBinding.toolbar, navController)
            //setupActionBarWithNavController(navController)
        })
...
}

Current issue:

Now I have two ActionBars instead of one. Top one have app name as the title, one below shows nothing initially but when navigated to an sub destination only a grey back arrow is shown, no destination label is shown on the actionbar

Anyone who understand this multiple backstack implementation, please help me to get things work with CollapsingToolbarLayout

Update:

Got rid of one action bar as @Manoj suggested in a comment, Now need to fix not appearing of titles in the actionbar

Update 2:

Although the destination labels(titles) are not shown when navigated to sub destinations, but back button is shown.

@ManojPerumarath Thanks for reaching out. actually I do not have any styles applied to toolbar `appTheme` parent is `Theme.MaterialComponents.Light.DarkActionBar` — user158, Jul 19 '19 at 08:25
@ManojPerumarath got rid of one actionbar, updated the question a bit — user158, Jul 19 '19 at 11:53
https://stackoverflow.com/questions/42919123/android-toolbar-title — Manoj Perumarath, Jul 20 '19 at 04:12
does not work, even if it worked its repetitive and annoying to set title manually, no point of having destination labels in nav graph if we need to set things manually — user158, Jul 20 '19 at 04:54

score 0 · Answer 1 · answered May 20 '20 at 01:28

0

if the title is not displayed (and that increasing the appbar layout height "works"), just set the isTitleEnabled of the collapsingToolbarLayout to false. It should fix the problem

answered May 20 '20 at 01:28

Jerome

1,153
1
17
28

user158 · Accepted Answer · 2019-07-20T06:50:31.970

I finally figured out why the toolbar title was not shown reason was I have not set enough height for appbar layout, I was using wrap_content so collapsing toolbar layout was covering the toolbar title. Solution was to set appbar layout height to value larger than 64dp. When I increased the appbar layout height, it looks unusually tall. (Forgive me for my lack of understanding of how collapsing toolbar works)

But this was not my intention, I wanted to enable collapsing toolbar for some specific fragments, I was using single activity concepts as navigation architecture component recommends.

As I read in following answers

IMHO Both of these are not good solutions if you are using navigation architecture component, there is no value of using navigation architecture component, if you need to manage fragment transactions or toolbars manually.

So for now I have stop using collapsing toolbar.

How to use with CollapsingLayout with Navigation Advanced Example

2 Answers2