Skip to main content
Version: 5.1

List Modes

You have 3 options when choosing the list mode.

  • DEFAULT
  • FLATLIST
  • SCROLLVIEW
  • MODAL
listMode="FLATLIST"
TypeDefault
stringFLATLIST

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"
}}