2017-04-08 186 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

相關問題