我想从一个场景导航到另一个反应本机
问题描述:
我有一个自动完成textinput反应native.This自动完成textinput显示建议低于textinput区域,并且一旦用户点击该值,该值设置为textinput 。现在,我想导航到下一页,一旦用户选择建议值,它设置为textinput.Its喜欢当你搜索搜索谷歌它给你的建议,当你选择任何一个建议,在这里我想导航到下一个场景一旦用户选择建议,并将这些值设置为文本输入我想从一个场景导航到另一个反应本机
答
据我所知,你想推动导航堆栈上的下一个组件与选定的道具。 你需要为你的组件提供导航,看看导航组件: https://facebook.github.io/react-native/docs/navigator.html
当导航设置,你可以浏览,并通过道具与方法:
this.props.navigator.push({
name: 'name_of_your_component',
passProps: {
title: 'Components title',
data: someObject
}
});
如果你有一个列表视图提供建议,比你可以将每行都包装到TouchableHighligt。这样你就提供了在行被挖掘时触发的函数。
renderRow(data) {
return (
<TouchableHighlight
onPress={this.rowTapped.bind(this, data)}>
<View>
<Text>This is a row.</Text>
</View>
</TouchableHighlight>
);
}
我知道push和pop ......我想推动建议选择.. – SmitSherlock
任何的TextInput道具你想sugget它将调用push方法??? – SmitSherlock
您可以捕获textinput组件中的文本更改事件,然后调用所需的函数。这里是一个onChange方法: onChangeText = {(text)=> this.yourFunction(text)} 你有一个函数可以触发建议选择吗? – ztodorovic