Существует несколько библиотек для реализации средства выбора даты/времени в приложении React Native. Одной из популярных библиотек является react-native-datepicker
, которую можно установить через npm, выполнив команду npm install react-native-datepicker --save
.
После установки библиотеки вы можете импортировать ее в свой компонент и использовать компонент DatePicker
для рендеринга средства выбора. Вот пример того, как вы можете использовать компонент DatePicker
в своем коде:
import DatePicker from 'react-native-datepicker'; class MyComponent extendsReact.Component { constructor(props) { super(props); this.state = {date: new Date()}; } render() { return ( <DatePicker date={this.state.date} onDateChange={date =>this.setState({ date })} /> ); } }
Вы также можете настроить внешний вид средства выбора, передав дополнительные реквизиты компоненту DatePicker
, например mode
(чтобы настроить средство выбора для отображения даты, времени или того и другого), format
(чтобы указать формат отображаемой даты/времени), и showIcon
(для переключения видимости значка календаря).