Часть createStackNavigator библиотеки реагировать на навигацию продолжает выдавать предупреждение - PullRequest
Новая
       6

Часть createStackNavigator библиотеки реагировать на навигацию продолжает выдавать предупреждение

0 голосов
/ 19 апреля 2020

Я создал стековый навигатор, который выглядит следующим образом, я использую следующие пакеты 

"@react-navigation/core": "^5.3.4",
"@react-navigation/drawer": "^5.5.0",
"@react-navigation/native": "^5.1.6",
"@react-navigation/stack": "^5.2.11",
"react": "16.11.0",
"react-native": "0.62.2",

, вот мой компонент 

function phone({ navigation }){
  return (
    <View>
      <Text>Phone Page</Text>
      <Button
        title="Go to name"
        onPress={() => navigation.navigate('name')}
      />
    </View>
  )
}

function name({ navigation }){
  return (
    <View>
      <Text>Name Page</Text>
    </View>
  )
}

class ProfileRegistrationView extends React.Component {

  render() {
    return (
      <Navigator initialRouteName="phone"
                 headerMode="screen"
                 screenOptions={{
                   headerTintColour: 'white',
                   headerStyle: {backgroundColor: 'tomato'},
                 }}>

        <Screen name='phone'
                key='0'
                component={phone}/>
        <Screen name='name'
                key='1'
                component={name}/>

      </Navigator>
    );
  }
}

Всякий раз, когда я перехожу на вторую страницу ( экран имени в данном случае) Я получаю следующее предупреждение 

ExceptionsManager.js:173 Warning: Each child in a list should have a unique "key" prop.

Check the render method of `NativeViewGestureHandler`. See **** for more information.
    in RCTView (at Touchable.js:958)
    in NativeViewGestureHandler (at createNativeWrapper.js:79)

Кто-нибудь понимает, почему реакцией-навигацией выдается это предупреждение и как я могу это исправить

...