React Native Отправить 2 значения на событие onPress, а затем перейти на другой экран - PullRequest
Новая
       1

React Native Отправить 2 значения на событие onPress, а затем перейти на другой экран

1 голос
/ 18 марта 2019

Это мой файл JSON 

{
    "name": "Thịt bò",
    "noed": 5
},
{
    "name": "Thịt heo",
    "noed": 3
}

Я передаю их в Flatlist 

   <FlatList
      data={cats}
      keyExtractor={item => item.name}
      renderItem={({item})=>(
          <View>
              <Text style={styles.catsItem} onPress={() => this.changeTextInput(item.name)}>{item.name} {item.noed}</Text>
          </View>
      )}
/>

Но я хочу отправить 2 значения item.name и item.noed в TextInput, а затем отправить их на другой экран 

changeTextInput(item){
        this.setState({name: item});
    };

Но я не знаю, как отправить item.noed в TextInput и как отправить их на другой экран. Я совсем новичок, поэтому, пожалуйста, помогите мне.

1 Ответ

1 голос
/ 18 марта 2019

Используйте пакет activ-navigation npm для перенаправления с одного экрана на другой, вы также можете передавать значения

Есть две части к этому:

Передача параметров в маршрут путем помещения их в объект в качестве второго параметра функции navigation.navigate: 

this.props.navigation.navigate
('RouteName', { /* params go here */ })




onPress={()=>this.props.navigation.navigate('Details', 
    { itemId: 86, otherParam: 'anything you want here', })};

Считайте параметры вашего компонента экрана: 

this.props.navigation.getParam(paramName, defaultValue)

Для получения дополнительной информации, пожалуйста, прочитайте следующий документ

React Navigation Link

...