Select | NativeBase | Universal Components for React and React Native

Nativebase logo
NativeBase
Data Display
Typography
Disclosure
Media and Icons
Others
Select
Select creates a dropdown list of items with the selected item in closed view.
Show Code
Playground
Import
Copy
import { Select } from "native-base";
Examples
Basic
Playground
FormControlled
Playground
Select
Props
Select.Item
Props
label
The label which will be displayed.
Type: string
value
The value to be used for the item. This is the value that will be returned on form submission.
Type: string
Styling
NativeBase ships with a default theme for each component. Checkout the default theme of select.
Info: We can easily extend the select component theme using extendTheme function as described in the documentation .
Accessibility
use native variant. Accessibility improvements on styled variant is in-progress.
Nativebase logo
MadeWithNativeBase