React Native - Native Base -正在显示错误

Question

这是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>
        );
    }
}

错误消息

​

​

​

Answer 1

您似乎从错误的位置导入了React。当前在您的HeaderPart组件中，您正在执行以下操作：

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

您应该像这样导入React：

import React, {Component} from 'react';

正确导入React应该可以解决您的问题。