Для создания drop-down select меню в React Native версии 0.63 я рекомендую использовать библиотеку react-native-dropdown-picker. Эта библиотека предоставляет множество функциональных возможностей и настроек для создания кастомизированных и стильных drop-down select меню в ваших приложениях.
Установка библиотеки очень проста. Вы можете установить ее с помощью npm:
npm install react-native-dropdown-picker
Или с помощью yarn:
yarn add react-native-dropdown-picker
После успешной установки библиотеки, вы можете импортировать и использовать компонент DropDownPicker
в вашем коде:
import React, { useState } from 'react'; import { View } from 'react-native'; import DropDownPicker from 'react-native-dropdown-picker'; const MyComponent = () => { const [selectedValue, setSelectedValue] = useState(null); return ( <View> <DropDownPicker items={[ { label: 'Option 1', value: 'option1' }, { label: 'Option 2', value: 'option2' }, { label: 'Option 3', value: 'option3' }, ]} placeholder="Select an option" defaultValue={selectedValue} containerStyle={{ height: 40 }} onChangeItem={(item) => setSelectedValue(item.value)} /> </View> ); }; export default MyComponent;
В приведенном примере мы импортировали DropDownPicker
из библиотеки и использовали его внутри компонента MyComponent
. Мы предоставили массив items
, содержащий опции для выбора, используя свойства label
и value
. Мы также определили placeholder
для показа, когда ни одна опция не выбрана, и defaultValue
для инициализации выбранной опции.
Компонент DropDownPicker
также имеет ряд других свойств, которые вы можете настроить, таких как containerStyle
для настройки стиля контейнера, onChangeItem
для обработки выбора пользователем и многое другое.
Исходя из предоставленной информации, библиотека react-native-dropdown-picker
является хорошим выбором для создания drop-down select меню на React Native 0.63.