反応ネイティブのテキストをクリックしてコンポジットを開きます。

Question

テキストをクリックするとカレンダーコンポーネントを開きます。あなたはそれのために使うのですかどう日付ピッカー

<Text onPress={_onPressButton}>Select date</Text> 
 

 
var _onPressButton =() => { 
 
     return (
 
      <DatePicker /> 
 
     ) 
 
    };

Answer 1

？私はそれがDatePickerAndroidでもDatePickerIOSでも反応ネイティブライブラリではないと思います。私はあなたが反応ネイティブdatepickerを使用すると思います。新しいコンポーネントが表示されるので、別の場所（テキストのクリック時）から開くことができるかどうかはわかりません。私の意見では、React Native Pickerは、Picker.show（）メソッドを持っているので、テキストプレスで表示できるので、より優れています。ドキュメントへ

リンク：*

https://github.com/beefe/react-native-picker

あなたは配列で渡されたproperdataでピッカーを初期化する必要があります。

const initPicker = (onConfirm, onCancel, dateFrom, dateTo) => { 
    Picker.init({ 
    pickerData: createLastDates(dateFrom, dateTo), 
    pickerConfirmBtnText: "Confirm", 
    pickerCancelBtnText: "Cancel", 
    pickerTitleText: '', 
    pickerConfirmBtnColor: [255, 0, 0, 1], 
    pickerCancelBtnColor: [150, 150, 150, 1], 
    pickerBg: [255, 255, 255, 1], 
    pickerToolBarBg: [200, 200, 200, 1], 
    onPickerConfirm: onConfirm, 
    onPickerCancel: onCancel, 
    }); 
}; 

この関数を使用してピッカーを初期化し、Picker.show（）でピッカーを表示する必要があります。

Answer 2

<Text 
onPress={() => {this.onPressDate()}}> 
Your Text 
</Text>