我想在本地反应中从一个场景导航到另一个场景

时间:2017-04-08 14:36:25

标签: react-native autosuggest

我有一个自动完成textinput in react native。这个自动完成textinput显示textinput区域下方的建议,一旦用户点击该值,该值就会在textinput中设置。现在我想导航到下一页用户选择建议值并将其设置为textinput。就像当你在google上搜索搜索它给你建议时,当你选择任何一个建议时,这里我想导航到下一个场景,一旦用户选择建议并将​​这些值设置为textinput

1 个答案:

答案 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>
        );
}