Nativebase - 单击输入时如何显示日期选择器？

Question

我正在使用 NativeBase 组件。我有 Form 和以下字段：

       <Item floatingLabel last>
          <Label>Buy dateі</Label>
          <DatePicker
            defaultDate={buyTime}
            locale={"en"}
            modalTransparent={false}
            animationType={"fade"}
            androidMode={"default"}
            placeHolderText="Change buy date"
            textStyle={{ color: "green" }}
            placeHolderTextStyle={{ color: "#d3d3d3" }}
            onDateChange={this.handleBuyTimeChange}
            disabled={false}
            ref={component => (this.buyTimePicker = component)}
          />
          <Input
            value={buyTime.toString().substr(4, 12)}
            onPress={() => {
              this.buyTimePicker.showDatePicker();
            }}
          />
        </Item>

但是点击 Input 不会触发 DatePicker。如何解决？

Answer 1

您不能使用自己的输入组件自定义 nativebase datepicker，如果您坚持使用任何第三方库，例如：https://www.npmjs.com/package/react-native-modal-datetime-picker.

Nativebase - 单击输入时如何显示日期选择器？

Nativebase - how to show datepicker when clicking input?

react-native

native-base