List Modes
You have 3 options when choosing the list mode.
DEFAULT
FLATLIST
SCROLLVIEW
MODAL
listMode="FLATLIST"
Type | Default |
---|---|
string | FLATLIST |
Notes
The FlatList
component shouldn't be nested inside ScrollView
or you'll come across the VirtualizedLists should never be nested inside plain ScrollViews
warning.
If this happens to you and you only have a few items, consider using the SCROLLVIEW
mode.
Otherwise you have to use the MODAL
mode.
Change the default list mode
You change the default list mode of the package globally.
DropDownPicker.setListMode("SCROLLVIEW");
Props
flatListProps
Adds native props for the FlatList.
flatListProps={{
initialNumToRender: 10
}}
Type |
---|
FlatListProps |
scrollViewProps
Adds native props for the ScrollView.
scrollViewProps={{
decelerationRate: "fast"
}}
Type |
---|
ScrollViewProps |
modalProps
Adds native props for the Modal.
modalProps={{
animationType: "fade"
}}
Type |
---|
ModalProps |
Styling
modalContentContainerStyle
modalContentContainerStyle={{
backgroundColor: "#fff"
}}