React Native框架详情页面返回上一页输入框聚焦问题

App运行在扫码枪系统上，详情页提交按钮提交成功之后返回上一页使用Ant Design Mobile 输入框组件即InputItem组件设置聚焦但键盘无法弹出，换成React Native原生输入框组件即TextInput组件在返回上一页的DeviceEventEmitter.addListener里设置ref.focus();可聚焦并弹出键盘。

组件代码：

<TextInput
placeholder="扫描设备..."
onChangeText={value => {
this.setState({
equipmentNumber: value,
});
}}
onBlur={() => { this.inpScanBlurHandle() }}
ref="equipmentInput" // 设置ref值
defaultValue={equipmentNumber}
/>

使用代码：

componentWillMount() {
let that = this;
this.listener = DeviceEventEmitter.addListener(
'globalEmitter_refresh_page',
function () {
that.setState(
{
equipmentNumber: "",
dataList: [],
}, () => {
that.refs.tableRef.updateTable();
setTimeout(() => {
that.refs.equipmentInput.focus();
}, 100);
}
);
},
);
}

最后

以上就是糟糕秋天为你收集整理的React Native框架详情页面返回上一页输入框聚焦问题的全部内容，希望文章能够帮你解决React Native框架详情页面返回上一页输入框聚焦问题所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。