hossein-zare / react-native-dropdown-picker

A single / multiple, categorizable, customizable, localizable and searchable item picker (drop-down) component for react native which supports both Android & iOS.
https://hossein-zare.github.io/react-native-dropdown-picker-website/
MIT License
969 stars 294 forks source link

Multiple rows #710

Open AlejandroGutierrezB opened 9 months ago

AlejandroGutierrezB commented 9 months ago

Is there a ways to make the component show multiple rows like here:

image

I don't find a way to pass a ref, or change style via props to the container.

This is essentially what I would like to do, I can do it in web but I don't find in the docs a way of doing it crossplatform using the library API.


<div class="css-view-175oi2r r-flexDirection-18u37iz r-alignItems-1awozwy r-flexGrow-16y2uox" style="
    max-width: 300px;
    max-height: 120px;
    flex-wrap: wrap;
    row-gap: 12px;
    overflow: auto;
"></div>

Am I missing something? Otherwise it would be nice to also expose that container style prop to get more flexibility.
Neiso commented 9 months ago

Found props extendableBadgeCont which solved my case! Thanks to the great people who maintains for such a good repo :)

Screenshot 2023-10-02 at 21 52 18
AlejandroGutierrezB commented 9 months ago

Found props extendableBadgeCont which solved my case! Thanks to the great people who maintains for such a good repo :)

Screenshot 2023-10-02 at 21 52 18

do you know the prop to style the container? I don't seem to find the one as I want to cap it after 3 lines and make it overflow