React Native - Native Base - Отображение ошибки

Это файл Package.Json Ниже приведены версии пакетов, которые я использую.

"dependencies": {
    "@expo/vector-icons": "^9.0.0",
    "expo": "^32.0.6",
    "native-base": "2.8.1",
    "react": "16.5.0",
    "react-native": "https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz",
    "react-native-fontawesome": "^6.0.1",
    "react-navigation": "^3.3.0"
  },

Это мой код компонента HearderPart.Js

Я не могу использовать собственный базовый пакет в своем компоненте.

import {Container, Header, Content, Footer, Title} from 'native-base';
import React, {Component} from 'react-native';

export default class HeaderPart extends Component {
    render() {
        return (
            <Container>
                <Header>
                    <Title>Header</Title>
                </Header>
                <Content>
                    <Title>Content</Title> 
                </Content>
                <Footer>
                    <Title>Footer</Title>
                </Footer>
            </Container>
        );
    }
}
Error Message

React Native - Native Base - Отображение ошибки

Попробуйте закрыть сборщик, а затем перезапустить его с помощью expo start -c

Andrew 25.02.2019 18:31

все та же ошибка, я думаю, нативная база несовместима с моей версией реакции .. так ли это?

Chaitanya K 25.02.2019 18:39

его выставка..........

Chaitanya K 25.02.2019 18:44
Умерло ли Create-React-App?
Умерло ли Create-React-App?
В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.
Освоение React Native: Пошаговое руководство для начинающих
Освоение React Native: Пошаговое руководство для начинающих
React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...
В чем разница между react native и react ?
В чем разница между react native и react ?
React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...
Хуки React: что это такое и как их использовать
Хуки React: что это такое и как их использовать
Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...
0
3
171
1

Ответы 1

Кажется, вы импортируете React не из того места. В настоящее время в вашем компоненте HeaderPart вы делаете следующее:

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

Вы должны импортировать React следующим образом:

import React, {Component} from 'react';

Правильный импорт React должен решить вашу проблему.

Другие вопросы по теме