React Native Picker-新闻发布会

时间:2019-12-30 02:48:36

标签: reactjs react-native

我对使用React Native编程非常陌生,并且在按下Picker时android键盘没有关闭的问题。我对<Picker>是否具有onPress道具进行了一些研究,并且似乎确实如此。有人知道可以解决吗?

下面是我遇到的问题的屏幕快照,以及如何构造输入和选择器的代码段!

注意:我正在使用Native Base:)

See screenshot here!

<Label>Species Code</Label>
<Item regular>
    <Input keyboardType={"number-pad"} ref="speciesCode" returnKeyType={"next"} onSubmitEditing={() => { this.refs["dbh"]._root.focus() }} blurOnSubmit={true} value={this.state && this.state.selectedSpeciesCode ? this.state.selectedSpeciesCode : ""} onChangeText={(text) => this.handleSpeciesCodeChange(text)} />
</Item>
<Label>Species</Label>
<View>
    <Picker
        mode="dropdown"
        iosIcon={<Icon name="arrow-down" />}
        style={{ width: undefined, borderWidth: 1 }}
        placeholder="Please select Species"
        placeholderStyle={{ color: "#bfc6ea" }}
        placeholderIconColor="#007aff"
        selectedValue={this.state.selectedSpeciesId}
        onValueChange={this.handleSpeciesChange.bind(this)}

    >
        <Picker.Item label={"Please Select"} value={null} />
        {speciesList}
    </Picker>
</View>

0 个答案:

没有答案