How to disable BottomSheetDialogFragment dragging

Question

How to disable BottomSheetDialogFragment dragging by finger?

I saw similar questions, but they're all about BottomSheet not BottomSheetDialogFragment.

Take a look at this explanation @Виталий Обидейко here https://stackoverflow.com/a/39892726/4394827 — Hemanth S, Dec 09 '17 at 08:01

jakubbialkowski · Answer 1 · 2020-08-12T11:29:13.217

There is simpler way of achieving the same after material design 1.2.0 was released.

https://developer.android.com/reference/com/google/android/material/bottomsheet/BottomSheetBehavior#setdraggable

When calling from BottomSheetDialogFragment:

    override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
        val bottomSheetDialog = super.onCreateDialog(savedInstanceState) as BottomSheetDialog
        bottomSheetDialog.setOnShowListener {
            val bottomSheet = bottomSheetDialog
                .findViewById<FrameLayout>(com.google.android.material.R.id.design_bottom_sheet)

            if (bottomSheet != null) {
                val behavior: BottomSheetBehavior<*> = BottomSheetBehavior.from(bottomSheet)
                behavior.isDraggable = false
            }
        }
        return bottomSheetDialog
    }

Or with styling:

    <style name="SomeStyle" parent="Theme.MaterialComponents.Light.BottomSheetDialog">
        <item name="behavior_draggable">false</item>
    </style>

And then in onCreate of your dialog fragment:

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setStyle(DialogFragment.STYLE_NORMAL, R.style.SomeStyle)
    }

This is the correct answer and should have way more up votes! — C.Schone, Oct 28 '20 at 14:12
Using the styling is way better than the other answers. Thanks! — DIRTY DAVE, Dec 30 '20 at 03:32

score 32 · Accepted Answer · edited Jun 01 '19 at 03:31

Having created MyActivity as follows:

public class MyActivity extends AppCompatActivity {

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_my);

        new MyBottomSheetFragment().show(getSupportFragmentManager(), "tag");
    }

    public static class MyBottomSheetFragment extends BottomSheetDialogFragment {

        @Override
        public void setupDialog(Dialog dialog, int style) {
            BottomSheetDialog bottomSheetDialog = (BottomSheetDialog) dialog;
            bottomSheetDialog.setContentView(R.layout.sample);

            try {
                Field behaviorField = bottomSheetDialog.getClass().getDeclaredField("behavior");
                behaviorField.setAccessible(true);
                final BottomSheetBehavior behavior = (BottomSheetBehavior) behaviorField.get(bottomSheetDialog);
                behavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {

                    @Override
                    public void onStateChanged(@NonNull View bottomSheet, int newState) {
                        if (newState == BottomSheetBehavior.STATE_DRAGGING{ 
                            behavior.setState(BottomSheetBehavior.STATE_EXPANDED);
                        }
                    }

                    @Override
                    public void onSlide(@NonNull View bottomSheet, float slideOffset) {
                    }
                });
            } catch (NoSuchFieldException e) {
                e.printStackTrace();
            } catch (IllegalAccessException e) {
                e.printStackTrace();
            }
        }
    }
}

Where R.layout.sample is a simple layout:

<?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="wrap_content"
    android:orientation="vertical">

    <View
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:background="#e479da" />

    <View
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:background="#798de4" />

    <View
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:background="#e4db79" />

</LinearLayout>

You'll get following output:

^{A part of solution is borrowed from this answer.}

This is good sample code, but there are some issues. First, setupDialog isn't the BottomSheetDialogFragment method. Second, I have a recycler view in my bottom sheet view, and when I drag bottom sheet from recyclerView's blank spaces bottom sheet slides down. — FarshidABZ, Dec 03 '17 at 13:52
[`setupDialog()`](https://android.googlesource.com/platform/frameworks/support/+/refs/heads/master/fragment/src/main/java/android/support/v4/app/DialogFragment.java#324) is a method from `DialogFragment` class. Have substituted it with `onCreateDialog()`. Cannot understand your use case. Can you post a simple project at github with that behavior? — azizbekian, Dec 03 '17 at 14:39
it's getting warning in my fragment: java.lang.NoSuchFieldException: No field mBehavior in class Landroid/support/design/widget/BottomSheetDialog; (declaration of 'android.support.design.widget.BottomSheetDialog' ) System.err: at java.lang.Class.getDeclaredField(Native Method) — axita.savani, May 06 '19 at 11:42
The field's name is behavior, no mBehavior. That's why you are getting that error. — Tamoxin, May 31 '19 at 01:12
Thanks, @MarcoCarrizales, updated answer from `mBehavior` to `behavior`. — azizbekian, May 31 '19 at 06:51
I also changed the code to be in setupDialog() instead of onCreateDialog() — Tamoxin, May 31 '19 at 16:55
@sagarsuri I just posted the Kotlin version with data binding of this answer. I hope you find it useful. — Tamoxin, Jun 05 '19 at 16:31

score 17 · Answer 3 · edited Oct 09 '20 at 09:14

17

Too late but worth to share.

  behavior.setDraggable(false)

This line did the job.

edited Oct 09 '20 at 09:14

abby

350
4
21

answered Feb 27 '20 at 11:06

Devendra Singh

2,343
4
26
47

what class has isDraggable? – Andrey Uglev Mar 05 '20 at 11:00
`final BottomSheetBehavior behavior = BottomSheetBehavior.from(bottomSheet);` https://stackoverflow.com/questions/35618998/how-to-implement-bottom-sheets-using-new-design-support-library-23-2/35620244 – Devendra Singh Mar 05 '20 at 11:23
@AndreyUglev it comes from `BottomSheetDialog.behavior`. – lasec0203 Nov 09 '20 at 23:51
This is the correct answer. This method was added in a new version of the material library. I am using `com.google.android.material:material:1.3.0` and I have the `setDraggable()` method. I did not have the method when I was on version `1.1.0`. It is in the documentation as well... https://developer.android.com/reference/com/google/android/material/bottomsheet/BottomSheetBehavior#setDraggable(boolean) – Stephen Ruda Jun 29 '21 at 21:14

score 11 · Answer 4 · edited Oct 08 '20 at 10:23

11

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
    //Disable dragging by set isDraggable to false
    val bottomSheetDialog = dialog as BottomSheetDialog
    val bottomSheetBehavior = bottomSheetDialog.behavior
    bottomSheetBehavior.isDraggable = false
}

edited Oct 08 '20 at 10:23

Ticherhaz FreePalestine

2,738
4
20
46

answered Oct 08 '20 at 08:18

Saka

121
1
7

isDraggable in Kotlin. if you use Java use setDraggable(boolean draggable) – Saka Jul 27 '21 at 06:02

score 9 · Answer 5 · answered Jan 06 '18 at 07:14

9

If you want to disable BottomSheetDialog dragging, try to set setCancelable(false).

answered Jan 06 '18 at 07:14

Ivan Platonov

145
1
1

6

it works in my case, just had a problem where clicking on the outside field would become disabled after setting cancelable to false. thanks. +1 – Ahmad Reza Enshaee Feb 21 '19 at 13:33
Not working. ... – Abraham Mathew Sep 21 '22 at 06:17

Sattar Hummatli · Answer 6 · 2020-04-09T18:18:38.533

My version. It works perfectly.

Edit 09/04/2020: Replaced depreciated setBottomSheetCallback() with addBottomSheetCallback()

class FragMenuBDrawer : BottomSheetDialogFragment() {

    ...

    override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
        val dialog = super.onCreateDialog(savedInstanceState) as BottomSheetDialog

        dialog.setOnShowListener {
            val bottomSheet = (it as BottomSheetDialog).findViewById<View>(com.google.android.material.R.id.design_bottom_sheet) as FrameLayout?
            val behavior = BottomSheetBehavior.from(bottomSheet!!)
            behavior.state = BottomSheetBehavior.STATE_EXPANDED

            behavior.addBottomSheetCallback(object : BottomSheetBehavior.BottomSheetCallback() {
                override fun onStateChanged(bottomSheet: View, newState: Int) {
                    if (newState == BottomSheetBehavior.STATE_DRAGGING) {
                        behavior.state = BottomSheetBehavior.STATE_EXPANDED
                    }
                }

                override fun onSlide(bottomSheet: View, slideOffset: Float) {}
            })
        }

        // Do something with your dialog like setContentView() or whatever
        return dialog
    }

    ...
}

score 5 · Answer 7 · edited Jun 26 '21 at 07:19

5

In your oncreateView

//Kotlin
val baseDialog = dialog
if (baseDialog is BottomSheetDialog) {
    baseDialog.behavior.isDraggable = false
}
//If cancelable also not required.
isCancelable = false

edited Jun 26 '21 at 07:19

kiner_shah

3,939
7
23
37

answered Jun 25 '21 at 11:09

Mallikarjungouda Annigeri

197
2
6

score 3 · Answer 8 · answered Jun 05 '19 at 16:29

This is the Kotlin version of azizbekian's answer since someone asked about using data binding

@SuppressLint("RestrictedApi")
override fun setupDialog(d: Dialog?, style: Int) {
    super.setupDialog(d, style)
    dialogExampleBinding = DataBindingUtil
        .inflate(LayoutInflater.from(context), R.layout.dialogExample, null, false) //This is for data binding only
    d?.setContentView(R.layout.dialogExample)

    val myDialog:BottomSheetDialog = d as BottomSheetDialog
    val dField = myDialog.javaClass.getDeclaredField("behavior") //This is the correct name of the variable in the BottomSheetDialog class
    dField.isAccessible = true
    val behavior = dField.get(d) as BottomSheetBehavior<*>
    behavior.setBottomSheetCallback(object : BottomSheetBehavior.BottomSheetCallback() {
        override fun onStateChanged(bottomSheet: View, newState: Int) {
            if (newState == BottomSheetBehavior.STATE_DRAGGING) {
                behavior.state = BottomSheetBehavior.STATE_EXPANDED
            }
        }

        override fun onSlide(bottomSheet: View, slideOffset: Float) {}
    })
}

score 2 · Answer 9 · edited Feb 10 '21 at 05:14

2

Just Add bottomSheetBehavior.setHideable(false);

You can get Object of BottomSheetBehaviour in BottomSheetDialogFragment.

 CoordinatorLayout.LayoutParams params = (CoordinatorLayout.LayoutParams) ((View) view.getParent()).getLayoutParams();
            CoordinatorLayout.Behavior behavior = params.getBehavior();
            View parent = (View) view.getParent();
            getHeight(view);
            ((BottomSheetBehavior) behavior).setFitToContents(true);
            BottomSheetBehavior bottomSheetBehavior = BottomSheetBehavior.from(parent);
bottomSheetBehavior.setHideable(false);

edited Feb 10 '21 at 05:14

Ryan M

18,333
31
67
74

answered Oct 16 '19 at 10:50

Dilavar Malek

1,157
11
18

And how can we get bottomSheetBehavior object? – FarshidABZ Oct 16 '19 at 11:17
please check answer – Dilavar Malek Oct 16 '19 at 11:43

score 2 · Answer 10 · answered Nov 16 '20 at 06:38

This works for me sir

override fun onCreateDialog(savedInstanceState : Bundle?) : Dialog {
    val dialog = super.onCreateDialog(savedInstanceState);
    dialog.setOnShowListener {
        val bottomSheetDialog : BottomSheetDialog = it as BottomSheetDialog;
        var bottomSheetBehavior = BottomSheetBehavior<FrameLayout>();
        bottomSheetBehavior = bottomSheetDialog.getBehavior()
        bottomSheetBehavior.setDraggable(false);
    }
    return dialog }

score 1 · Answer 11 · answered Mar 17 '20 at 10:34

1

This is how I managed to fix it:

mBehavior = BottomSheetBehavior.from((View) rootView.getParent());
mBehavior.setHideable(false);

answered Mar 17 '20 at 10:34

Mr T

1,409
1
17
24

score 1 · Answer 12 · answered Apr 25 '20 at 09:25

Top rated answer contains boilerplate code such as Field and try-catches.

So here is a better version of it in Kotlin:

override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
    return super.onCreateDialog(savedInstanceState).apply {
        setOnShowListener(::onShow)
    }
}

private fun onShow(dialogInterface: DialogInterface) {
    val dialog = dialogInterface as BottomSheetDialog
    val frameLayout =
        dialog.findViewById<FrameLayout>(com.google.android.material.R.id.design_bottom_sheet)
            ?: return

    BottomSheetBehavior.from(frameLayout).apply {
        addBottomSheetCallback(object : BottomSheetBehavior.BottomSheetCallback() {
            override fun onStateChanged(bottomSheet: View, newState: Int) {
                if (newState == BottomSheetBehavior.STATE_DRAGGING)
                    state = BottomSheetBehavior.STATE_EXPANDED
            }

            override fun onSlide(bottomSheet: View, slideOffset: Float) = Unit
        })
    }
}

Use it in BottomSheetDialogFragment

score 0 · Answer 13 · answered Feb 12 '20 at 03:10

I get the answer here, I just added content.setLayoutParams(new CoordinatorLayout.LayoutParams(CoordinatorLayout.LayoutParams.MATCH_PARENT, CoordinatorLayout.LayoutParams.MATCH_PARENT)); to make Bottom Sheet Dialog Fragment height is match_parent and make it soft when it showed.

@NonNull
@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
    final Dialog d = super.onCreateDialog(savedInstanceState);
    // view hierarchy is inflated after dialog is shown
    d.setOnShowListener(new DialogInterface.OnShowListener() {
        @Override
        public void onShow(DialogInterface dialogInterface) {
            //this disables outside touch
            d.getWindow().findViewById(R.id.touch_outside).setOnClickListener(null);
            //this prevents dragging behavior
            View content = d.getWindow().findViewById(R.id.design_bottom_sheet);
            content.setLayoutParams(new CoordinatorLayout.LayoutParams(CoordinatorLayout.LayoutParams.MATCH_PARENT, CoordinatorLayout.LayoutParams.MATCH_PARENT));
            ((CoordinatorLayout.LayoutParams) content.getLayoutParams()).setBehavior(null);
        }
    });
    return d;
}

score 0 · Answer 14 · answered Oct 07 '20 at 20:58

Simple solution

    CoordinatorLayout.Behavior<View> behavior;

    View profile_config_layout_bottom_sheet = findViewById(R.id.list_view_audience_profile_config_layout);

    CoordinatorLayout.LayoutParams layoutParams = (CoordinatorLayout.LayoutParams) profile_config_layout_bottom_sheet.getLayoutParams();
    behavior = layoutParams.getBehavior();
    assert behavior != null;
    ((BottomSheetBehavior<View>) behavior).addBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {
        @Override
        public void onStateChanged(@NonNull View bottomSheet, int newState) {
            if (newState == BottomSheetBehavior.STATE_DRAGGING) {
                ((BottomSheetBehavior<View>) behavior).setState(BottomSheetBehavior.STATE_EXPANDED);
            } 
        }
        @Override
        public void onSlide(@NonNull View bottomSheet, float slideOffset) {}
    });

score 0 · Answer 15 · answered Oct 28 '20 at 15:18

This is my solution:

setOnShowListener {
            Handler().post {
                val bottomSheet = findViewById<View>(R.id.design_bottom_sheet) as? FrameLayout
                bottomSheet?.let {
                    BottomSheetBehavior.from(it).state = STATE_EXPANDED

                    // Disable dialog dragging behavior which causes issue on EditText scroll!
                    BottomSheetBehavior.from(it).isDraggable = false
                }

            }
        }

score 0 · Answer 16 · answered May 25 '21 at 12:05

my simple solution:

 override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
    val dialog = BottomSheetDialog(requireContext(), R.style.DialogRoundedCornerStyle)
    dialog.behavior.apply {
        state = BottomSheetBehavior.STATE_EXPANDED
        isDraggable = false
    }
    return dialog
}

score 0 · Answer 17 · answered Jul 06 '21 at 09:47

They can also do this by setting up draggable, so here's another example of mine.

My BottomSheetDialogFragment contains a RecyclerView inside, if you need a BottomSheetDialogFragment banned drag up, can drag down, What I did is I set the RecyclerView to an absolute height

 <androidx.recyclerview.widget.RecyclerView
        android:layout_width="match_parent"
        android:layout_height="367dp"/>

score 0 · Answer 18 · answered Oct 11 '21 at 04:57

0

If you want to just disable the dismissing of bottomsheet, you can simply set isCancelable false to fragment instance

val bSheet = BottomSheetFragment.newInstance("") bSheet.isCancelable = false bSheet.show(supportFragmentManager, "sheet")

answered Oct 11 '21 at 04:57

onkar gupta

1

How to disable BottomSheetDialogFragment dragging

18 Answers18

Linked