2017-04-08 184 views
0

我有一个自动完成textinput反应native.This自动完成textinput显示建议低于textinput区域,并且一旦用户点击该值,该值设置为textinput 。现在,我想导航到下一页,一旦用户选择建议值,它设置为textinput.Its喜欢当你搜索搜索谷歌它给你的建议,当你选择任何一个建议,在这里我想导航到下一个场景一旦用户选择建议,并将这些值设置为文本输入我想从一个场景导航到另一个反应本机

回答

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

我知道push和pop ......我想推动建议选择.. – SmitSherlock

+0

任何的TextInput道具你想sugget它将调用push方法??? – SmitSherlock

+0

您可以捕获textinput组件中的文本更改事件,然后调用所需的函数。这里是一个onChange方法: onChangeText = {(text)=> this.yourFunction(text)} 你有一个函数可以触发建议选择吗? – ztodorovic

相关问题