Focus Picker组件上的本机响应

时间:2019-01-20 14:29:33

标签: javascript reactjs react-native textinput picker

我有一个Picker组件作为react native表单的一部分。
当用户单击键盘上的“提交”按钮时,我想集中选择器,就像我可以使用组件的道具来集中其他文本输入一样:

onSubmitEditing={() => {this.nextTextInput.focus()}}
ref={ref => {this.thisTextInput = ref}}

这可能吗?
我应该使用哪种选择器方法?
如果选择器打开焦点事件的弹出窗口,就可以了。

谢谢!

1 个答案:

答案 0 :(得分:0)

以相同的方式,您可以像这样集中组件;

constructor(props) {
    super(props);
    this.picker = React.createRef();
    this.focusPicker = this.focusPicker.bind(this);
}

focusPicker() {
    this.picker.current.focus();
}

render() {
    return (
        <View>
            <Picker ref={this.picker}>
            ........
            </Picker>
            <TouchableOpacity onPress={this.focusPicker}/>
        </View>
    );
}