react-native - 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。如何解决这个问题？

标签： react-nativenative-base

Answer 1

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