Search code examples
androiddialogandroid-dialogbottom-sheetsetcontentview

How can I make BottomSheetDialog match parent height (full screen)


This is the layout that I use:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:id="@+id/layout"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="top|center_horizontal"
android:background="@color/white"
android:gravity="top|center_horizontal"
android:orientation="vertical">

    <TextView
        android:id="@+id/provisioningTitle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Phone Number" />

</LinearLayout>

This is my class that creates the Dialog:

open class DialogProvisioningData : BottomSheetDialog {
constructor(context: Context) : super(context)


private lateinit var mBehavior: BottomSheetBehavior<FrameLayout>

override fun setContentView(view: View) {
    super.setContentView(view)
    val bottomSheet = window.decorView.findViewById<View>(R.id.design_bottom_sheet) as FrameLayout
    mBehavior = BottomSheetBehavior.from(bottomSheet)
    mBehavior.peekHeight = Resources.getSystem().getDisplayMetrics().heightPixels
    mBehavior.state = BottomSheetBehavior.STATE_EXPANDED
}

override fun onStart() {
    super.onStart()
    mBehavior.peekHeight = Resources.getSystem().getDisplayMetrics().heightPixels
    mBehavior.state = BottomSheetBehavior.STATE_EXPANDED
}

companion object {
    fun newInstance(context: Context): DialogProvisioningData {
        val dialog = DialogProvisioningData(context)
        var layoutInflater = context.getSystemService(Context.LAYOUT_INFLATER_SERVICE) as LayoutInflater;
        val bottomSheet = layoutInflater.inflate(R.layout.dialog_provisioning, null)
        bottomSheet.layout.setOnClickListener({ dialog.cancel() })
        dialog.setOnShowListener { dialog ->
            val d = dialog as BottomSheetDialog

            val bottomSheet = d.findViewById<View>(R.id.design_bottom_sheet) as FrameLayout?
            BottomSheetBehavior.from(bottomSheet!!).state = BottomSheetBehavior.STATE_EXPANDED
        }
        dialog.setContentView(bottomSheet)
        dialog.show()
        return dialog
    }
}
}

What do I need to change for the BottomSheetDialog to actually be fullscreen? I've set the state to expanded, and peekHeight set to screen height


Solution

  • After multiple implementations tried, this was what I was mostly happy. It's full screen, it's a dialog, and it also has the correct SlideUpAnimation that I needed on it. Also, it's easy to call if from inside a fragment without needing to dismiss my own fragment:

    open class DialogProvisioningData : Dialog {
    constructor(context: FragmentActivity, themeResId: Int) : super(context, themeResId)
    
        companion object {
            val TAG: String = "DialogProvisioningData"
    
            fun newInstance(context: FragmentActivity): DialogProvisioningData {
                val dialog = DialogProvisioningData(context, R.style.DialogAnimation)
                dialog.requestWindowFeature(Window.FEATURE_NO_TITLE)
                dialog.getWindow().getAttributes().windowAnimations = R.style.DialogAnimation
                var layoutInflater = context.getSystemService(Context.LAYOUT_INFLATER_SERVICE) as LayoutInflater
                val bottomSheet = layoutInflater.inflate(R.layout.dialog_provisioning, null)
    
                dialog.setContentView(bottomSheet)
                dialog.show()
                return dialog
            }
        }
    }