我有一个自动完成textinput in react native。这个自动完成textinput显示textinput区域下方的建议,一旦用户点击该值,该值就会在textinput中设置。现在我想导航到下一页用户选择建议值并将其设置为textinput。就像当你在google上搜索搜索它给你建议时,当你选择任何一个建议时,这里我想导航到下一个场景,一旦用户选择建议并将这些值设置为textinput
答案 0 :(得分:1)
据我所知,您希望使用选定的道具推送导航堆栈上的下一个组件。 您需要为组件提供导航,请查看导航器组件: 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>
);
}