React native 我想在react native中从一个场景导航到另一个场景

React native 我想在react native中从一个场景导航到另一个场景,react-native,autosuggest,React Native,Autosuggest,我在react native中有一个自动完成的textinput。这个自动完成的textinput在textinput区域下方显示建议,一旦用户点击该值,该值在textinput中设置。现在,当用户选择建议值并将其设置为textinput时,我想导航到下一页。就像在谷歌上搜索时,它会给你建议,当你选择任何一个建议时,在这里,当用户选择suggestion并将这些值设置为textinput时,我想导航到下一个场景。据我所知,您想用选定的道具推送导航堆栈上的下一个组件。 您需要为组件提供导航,请查看

我在react native中有一个自动完成的textinput。这个自动完成的textinput在textinput区域下方显示建议,一旦用户点击该值,该值在textinput中设置。现在,当用户选择建议值并将其设置为textinput时,我想导航到下一页。就像在谷歌上搜索时,它会给你建议,当你选择任何一个建议时,在这里,当用户选择suggestion并将这些值设置为textinput时,我想导航到下一个场景。据我所知,您想用选定的道具推送导航堆栈上的下一个组件。 您需要为组件提供导航,请查看navigator组件:

设置导航后,您可以使用以下方法导航和传递道具:

this.props.navigator.push({
    name: 'name_of_your_component',
    passProps: {
        title: 'Components title',
        data: someObject
    }
});
如果您有一个提供建议的列表视图,那么您可以将每一行包装到TouchableHighlight。这样,您就提供了在点击行时触发的函数

renderRow(data) {
    return (
            <TouchableHighlight
                onPress={this.rowTapped.bind(this, data)}>
                <View>
                    <Text>This is a row.</Text>
                </View>
            </TouchableHighlight>
        );
}
renderRow(数据){
返回(
这是一场争吵。
);
}

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