web-dev-qa-db-ja.com

NativeBase DatePickerの使用方法

DatePicker Api NativeBase v2.5.1から、新しい選択された日付で日付変更イベントをキャプチャするにはどうすればよいですか？

選択した日付は、コンポーネントの内部状態でのみ利用可能です。

setDate(date) {
    this.setState({ chosenDate: new Date(date) });
}

私はreact native ref apiを使用できると思いますが、他の同様のコンポーネントがonDateChangeイベントを提供するため、正しくないようです： react-native-datepicker

react-nativedatepickernative-base
6
user2457870

日付ピッカーのドキュメントを確認 https://docs.nativebase.io/Components.html#date-picker-def-headref

NativeBase KitchenSinkのサンプル例 https://github.com/GeekyAnts/NativeBase-KitchenSink/blob/master/src/screens/datepicker/index.js

v2.5.2 で修正

1
Supriya Kalghatgi

Native-base v2.6.1以降で修正されました。

<DatePicker
formatChosenDate={date => {return moment(date).format('YYYY-MM-DD');}}
..... />
2
Newana

設定できます

onDateChange={(date) => this.setDate(date)}

そして、native-baseバージョンをv2.6.1に更新したことを確認してください

チェックアウト： v2.6.1

0
Cassendra44