I'm getting an wrong behavior when showing an Bottom Sheet Dialog in landscape mode. The problem occurs in the 24.+ version of the design library. According below image the Bottom Sheet is not showing correctly only in landscape. Im using BottomSheetDialog class and i'm following this tutorial: http://www.skholingua.com/blog/bottom-sheet-android, in my published apps the problem also occurs.
I tested the 25.+ version and the problem was not solved.
Error In landscape 24, 25.+ Library
Same example in 23.+ Library
Main Activity
public class MainActivity extends AppCompatActivity { CoordinatorLayout coordinatorLayout; private BottomSheetBehavior<View> mBottomSheetBehavior; private TextView textView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); coordinatorLayout = (CoordinatorLayout) findViewById(R.id.main_content); textView = (TextView) findViewById(R.id.textView); View bottomSheet = coordinatorLayout.findViewById(R.id.bottom_sheet); //For your bottom sheet to be displayable, you need to create a BottomSheetBehavior. //This is created by getting a reference to the container view and calling BottomSheetBehavior.from() on that container. mBottomSheetBehavior = BottomSheetBehavior.from(bottomSheet); mBottomSheetBehavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() { @Override public void onStateChanged(@NonNull View bottomSheet, int newState) { switch (newState) { case BottomSheetBehavior.STATE_DRAGGING: break; case BottomSheetBehavior.STATE_COLLAPSED: mBottomSheetBehavior.setPeekHeight(0); break; case BottomSheetBehavior.STATE_EXPANDED: break; case BottomSheetBehavior.STATE_HIDDEN: break; case BottomSheetBehavior.STATE_SETTLING: break; } } @Override public void onSlide(@NonNull View bottomSheet, float slideOffset) { } }); } public void onClick(View v) { switch (v.getId()) { case R.id.button1: /** * For persistent bottom sheet to work, your layout should contain a coordinator layout, * and then in any child view of your coordinator layout, you can make it as a persistent bottom sheet * by adding a custom property app:layout_behavior and use behavior_peekHeight to define how much * of the Bottom Sheet you want visible. */ textView.setText(R.string.dynamic_persistent_txt); mBottomSheetBehavior.setPeekHeight(300); mBottomSheetBehavior.setState(BottomSheetBehavior.STATE_EXPANDED); break; case R.id.button2: /** * You can also display a Dialog in place of a View in the bottom sheet. * To do this, get the view from getLayoutInflater and pass it setContentView of the Dialog. */ View view = getLayoutInflater().inflate(R.layout.bottom_sheet_layout, null); TextView textView = (TextView) view.findViewById(R.id.textView); textView.setText(R.string.dialog_modal_txt); BottomSheetDialog dialog = new BottomSheetDialog(this); dialog.setContentView(view); dialog.show(); break; case R.id.button3: /** * You can also display a Fragment in place of a View in the bottom sheet. * To do this, you class that extends BottomSheetDialogFragment. */ BottomSheetDialogFragment bottomSheetDialogFragment = new BottomSheetDialogFragmentExample(); bottomSheetDialogFragment.show(getSupportFragmentManager(), bottomSheetDialogFragment.getTag()); break; } }
activity_main.xml
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/main_content" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:paddingTop="24dp" app:layout_behavior="@string/appbar_scrolling_view_behavior"> <Button android:id="@+id/button1" android:layout_width="match_parent" android:layout_height="wrap_content" android:onClick="onClick" android:text="Dynamic BottomSheet" /> <Button android:id="@+id/button2" android:layout_width="match_parent" android:layout_height="wrap_content" android:onClick="onClick" android:text="BottomSheetDialog" /> <Button android:id="@+id/button3" android:layout_width="match_parent" android:layout_height="wrap_content" android:onClick="onClick" android:text="BottomSheetDialogFragment" /> </LinearLayout> <LinearLayout android:id="@+id/bottom_sheet" android:layout_width="match_parent" android:layout_height="wrap_content" android:elevation="4dp" android:minHeight="120dp" android:orientation="vertical" android:padding="@dimen/activity_vertical_margin" app:behavior_peekHeight="120dp" app:layout_behavior="android.support.design.widget.BottomSheetBehavior"> <include layout="@layout/bottom_sheet_layout" /> </LinearLayout> </android.support.design.widget.CoordinatorLayout>
bottom_sheet_layout.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/CreamyGreen" android:orientation="vertical"> <TextView android:id="@+id/textView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/static_persistent_txt" android:padding="16dp" android:textAppearance="?android:attr/textAppearanceMedium" android:textColor="@android:color/white" /> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:padding="16dp" android:text="@string/ipsum" android:textColor="@android:color/white" android:textSize="16sp" /> </LinearLayout>
A bottom sheet is a window that slides up from the bottom edge of the screen. It is used to reveal additional content and options to users. If required, users can show and dismiss the BottomSheet widget. This widget is available for the Android platform only and can be created only through code.
The default height for BottomSheet is half the screen size. If you want your BottomSheet to EXPAND according to your content DYNAMICALLY. showModalBottomSheet<dynamic>( isScrollControlled: true, context: context, builder: (BuildContext bc) { return Wrap( children: <Widget>[...] ) } )
This can be achieved in 2 lines (Kotlin version)
class MyBottomSheetFragment : BottomSheetDialogFragment() { //.... override fun onStart() { super.onStart() //this forces the sheet to appear at max height even on landscape val behavior = BottomSheetBehavior.from(requireView().parent as View) behavior.state = BottomSheetBehavior.STATE_EXPANDED } }
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With