2016-10-18 3 views
1

react-native-iosには、react-native-datepickerを使用してカレンダーから日付を選択しています。私は私の方法レンダリングで次のコードを追加してい Date Picker in react-native-ios反応のネイティブカレンダーピッカーをiosのダイアログに表示

<View style={styles.buttonContainer}> 
    <TouchableOpacity 
    style={[styles.bubble, styles.button]} 
    onPress={() => this.openCalender()}> 

    <DatePicker 
     style={{width: 150}} 
     date={this.state.date} 
     mode="date" 
     placeholder="Date" 
     format="YYYY-MM-DD" 
     minDate="2015-01-01" 
     maxDate="2025-12-01" 
     confirmBtnText="Confirm" 
     cancelBtnText="Cancel" 
     iconSource={require('./assets/cal.png')} 
     onDateChange={(date) => {this.setState({date: date});}} 
    /> 
    </TouchableOpacity> 
</View> 

を私はダイアログでこの日付ピッカーを追加したいこのため 、私は次のリンクを使用しています。 react-native-iosにそれを実装する方法は何でしょうか。

NavBarの右ボタンをクリックして、日付ピッカーを配置します。

+0

https://github.com/pandiaraj44/react-native-datepicker-dialogを使用して、Android and iosの日付選択ツールを簡単に実装してみてください。 – scsiva1991

答えて

0

私はこのライブラリを使用しています:https://github.com/xgfe/react-native-datepicker

それは大きすぎるとクロスプラットフォームで動作します。

+0

ねえ、私は 'date picker'の同じリンクについても言及しました。しかし、「ナビゲーションバー」の右側に日付ピッカーが必要です。 – BK19

+0

あなたのリンクは機能していません。私はあなたがナビバーの右側で何を意味するのか理解していません。プレビュー画像を投稿できますか? – Saleel

+0

これは動作中のリンクです:https://github.com/xgfe/react-native-datepicker – BK19

0

達成しようとしていることはまだわかりませんが、<DatePicker/><TouchableOpacity/>の外に移動しない限り、上記のコードは機能しません。一度それを移動すると、パッケージによって予想通りにピッカーが開くはずです。

関連する問題