import {createElement, Component, render} from 'rax';
import {Tabbar, View,TextInput,Button,Modal} from 'nuke';
import Module from '../lib/module';
class Index extends Module {
state = {
searchKey: ''
}
searchTrade(){
console.log(this.state.searchKey);
}
render() {
return (
<View style={{flex: 1}}>
<TextInput
placeholder="买家昵称/订单号"
maxLength="50"
style={{width:'750rem',height:'50rem',borderLeft:'1rem',borderRight:'1rem',borderTop:'1rem',borderBottom:'1rem'}}
value={this.state.searchKey}
onBlur={(e) => {
console.log('onBlur=================================');
this.setState({
searchKey: e.value
});
}}
/>
<Button onPress={() => {
this.searchTrade();
}}>搜索</Button>
</View>
);
}
}
render(<Index />);
native 不支持自动失去焦点,必须手动失去焦点
手动失去焦点有几个方式:
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。