我想在反应原生中从一个场景导航到另一个场景答案

【问题标题】：I want to navigate from one scene to another in react native我想在反应原生中从一个场景导航到另一个场景
【发布时间】：2017-04-08 23:52:18
【问题描述】：

我在 react native 中有一个自动完成文本输入。此自动完成文本输入在 textinput 区域下方显示建议，一旦用户点击该值，该值就会在 textinput 中设置。现在我想在用户导航到下一页选择建议值并将其设置为 textinput。就像您在 google 上搜索时它会为您提供建议，当您选择任何一个建议时，一旦用户选择建议并将这些值设置为 textinput，我想在此处导航到下一个场景

【问题讨论】：

标签： react-native autosuggest

【解决方案1】：

据我了解，您希望使用选定的道具将下一个组件推送到导航堆栈上。你需要为你的组件提供导航，看看导航器组件： https://facebook.github.io/react-native/docs/navigator.html

设置导航后，可以通过方法导航和传递props：

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

【讨论】：

你可以在textinput组件中捕获文本更改事件，然后调用你想要的函数。这是一个 onChange 方法： onChangeText={(text) => this.yourFunction(text)} 你有在建议选择时触发的函数吗？
onChangeText 函数将在用户输入时调用，而不是在选择建议时调用。不，我没有触发建议选择的函数。
我已经编辑了我的答案。将建议放在 listView 中，并在上面的方法中呈现行
已解决...！！！ renderItem={data => ( { this.setState({ query: data });this.print();}}> {data}
我很高兴能帮上忙！干杯