Блог

Когда я использую Navigator из react native, я получаю сообщение об ошибке. Ошибка:

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check your code at App.js:11.

Мой код:

 import React, { Component } from 'react';
import {
  Text,
  Navigator,
  TouchableHighlight
} from 'react-native';

export default class App extends Component {
  render() {
    return (
      <Navigator
        initialRoute={{ title: 'Awesome Scene', index: 0 }}
        renderScene={(route, navigator) => (
          <Text>Hello {route.title}!</Text>
        )}
        style={{ padding: 100 }}
      />
    );
  }
}
  

Я следовал этому руководству: https://reactnative.dev/docs/0.43/navigator

Может кто-нибудь, пожалуйста, помочь мне в этом. Что-то не так в документации?

Этот пример кода взят из react doc версии 0.43. После этого «Navigator» был удален.

Если вас не волнует обратная совместимость, я бы посоветовал следовать текущей документации (0.63). В последней версии приведено более простое решение.