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

2024-01-18

我在用本地库成分。我有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。如何解决这个问题?


您无法使用自己的输入组件自定义本机日期选择器,如果您坚持这样做,您可以使用任何第三方库,例如:https://www.npmjs.com/package/react-native-modal-datetime-picker https://www.npmjs.com/package/react-native-modal-datetime-picker.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Nativebase - 单击输入时如何显示日期选择器? 的相关文章

随机推荐