How to have Spinner dropdown full width?

Question

I have this code of Spinner in XML:

<Spinner
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:theme="@style/ThemeOverlay.AppCompat.Light"
    android:dropDownWidth="match_parent"
    android:spinnerMode="dropdown" />

But the dropdown width is cropped because of the icon shown. How to make it full width like the parent?

this answer suggests a workaround if you want to keep the arrow and still have the dropdown menu take up the full width: stackoverflow.com/a/47548396/10300673 — Nikos Hidalgo
– Nikos Hidalgo, Commented Jul 11, 2019 at 7:52
Hi @NikosHidalgo I managed to solve it by programmatically, going to post it shortly — Rendy
– Rendy, Commented Jul 11, 2019 at 7:57

Rendy · Accepted Answer · 2019-07-11 07:59:58Z

2

I am able to solve it do it programmatically:

parentLayout.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
    @Override
    public void onGlobalLayout() {
        if (Build.VERSION.SDK_INT > 16) {
            parentLayout.getViewTreeObserver().removeOnGlobalLayoutListener(this);
        } else {
            parentLayout.getViewTreeObserver().removeGlobalOnLayoutListener(this);
        }

        spinnerDropdown.setDropDownWidth(parentLayout.getWidth());
    }
});

answered Jul 11, 2019 at 7:59

Rendy

5,71816 gold badges55 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Nikos Hidalgo Over a year ago

Thanks for posting this. Any idea how the listener affected your desired outcome?

Rendy Over a year ago

As in my case, I need the spinnerDropdown to be full width of the parentLayout, so I only need to set the dropdownWidth to be equal parentLayout's width, thus, need to be done in onGlobalLayout

Aklesh Singh Over a year ago

match parent wasn't working for me, but his worked thanks

Abandoned Cart · Accepted Answer · 2025-02-01 19:53:26Z

Based on randy's solution

Targeted device on and above 21

Reusable extension

fun ViewGroup.addViewObserver(function: (View) -> Unit) {
val view = this
view.viewTreeObserver.addOnGlobalLayoutListener(object : ViewTreeObserver.OnGlobalLayoutListener {
    override fun onGlobalLayout() {
        view.viewTreeObserver.removeOnGlobalLayoutListener(this)
        function.invoke(view)
    }
})

}

In Activity

parentViewGroup.addViewObserver {
    spinnerView.dropDownWidth = it.width
}

Note: parentViewGroup is the view containing the spinner and spinnerView is the spinner itself

Collectives™ on Stack Overflow

How to have Spinner dropdown full width?

2 Answers 2

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Linked

Related