search

sohobloo / react-native-modal-dropdown

A react-native dropdown/picker/selector component for both Android & iOS.
MIT License
1.19k stars 478 forks source link

Fullscreen dropdown #212

Closed stravi closed 5 years ago

stravi commented 5 years ago

Hi, I am trying to have a dropdown that will take all available space below the dropdown trigger button. I have something like this:

<ModalDropdown
          options={this.props.categories}
          dropdownStyle={{ flex: 1, height: '100%', width: '100%' }} 
          adjustFrame={style => {
            // style.flex = 1;
            style.height = '100%';
            style.width = '100%';
            style.left = 0;
            style.top = 100;
            return style;
          }}
        />

As you can see I have set height to 100% in both dropdownStyle and adjustFrame. But the dropdown view still doesn't take all available space on the bottom. Can you help me understand what might be wrong?