import {createElement, Component} from 'weex-rx';
import {ScrollView, View, Text} from 'nuke-components';
import { Button, Modal, SearchBar } from 'nuke';
import {mount} from 'nuke-mounter';
let App = class NukeDemoIndex extends Component {
constructor() {
super();
this.state = {
target: null,
menuIndex: 0,
menuData:['宝贝','店铺']
}
}
changeHandler=(value, e)=>{
this.setState({
value: value,
});
}
clickSearchMenuHandler=(index)=>{
console.log(index);
}
render() {
return (
<ScrollView>
<SearchBar style={{marginTop:'60rem'}}
value={this.state.value}
placeholder="Enter search keywords..."
menuIndex={this.state.menuIndex}
menuData={this.state.menuData}
onClickMenu={this.clickSearchMenuHandler} onChange={this.changeHandler} />
<View style={{marginTop:'40rem'}}><Text>要搜索的是:{this.state.value}</Text></View>
</ScrollView>
);
}
}
mount(<App/>, mountNode);