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"

}}