Using BottomSheetBehavior with a inner CoordinatorLayout Using BottomSheetBehavior with a inner CoordinatorLayout android android

Using BottomSheetBehavior with a inner CoordinatorLayout


I have finally released my implementation. Find it on Github or directly from jcenter:

compile 'com.otaliastudios:bottomsheetcoordinatorlayout:1.0.0

All you have to do is using BottomSheetCoordinatorLayout as the root view for your bottom sheet. It will automatically inflate a working behavior for itself, so don’t worry about it.

I have been using this for a long time and it shouldn’t have scroll issues, supports dragging on the ABL etc.


I have just followed the way you asked the above question and come up with solution that might need more explanation.Please follow your sample code and integrate the extra part in your xml to make it behave like BottomSheeet behaviour

<CoordinatorLayout>   <AppBarLayout>        <Toolbar            app:layout_collapseMode="pin">        </Toolbar>    </AppBarLayout>    <NestedScrollView         app:layout_behavior=“@string/bottom_sheet_behavior” >        <include layout="@layout/items" />    </NestedScrollView>    <!-- Bottom Sheet -->     <BottomSheetCoordinatorLayout>        <AppBarLayout            <CollapsingToolbarLayout">             <ImageView />                <Toolbar />            </CollapsingToolbarLayout>        </AppBarLayout>        <NestedScrollView">            <include layout="@layout/items" />        </NestedScrollView>    </BottomSheetCoordinatorLayout></CoordinatorLayout>

Note : Solution that worked for me already explained in last comment of your question

Better explantion :https://github.com/laenger/BottomSheetCoordinatorLayout


If the first child is nestedscroll this will occurs some other problems. This solution is fixed my problem i hope also fix yours.

<CoordinatorLayout    app:layout_behavior=“@string/bottom_sheet_behavior”>   <AppBarLayout>        <CollapsingToolbarLayout>           <ImageView />        </CollapsingToolbarLayout>    </AppBarLayout></LinearLayout>    <NestedScrollView>        <LinearLayout>            < Content ... />        </LinearLayout>    </NestedScrollView></LinearLayout></CoordinatorLayout>