React Native-Native Base-显示错误

时间:2019-02-25 17:29:07

标签: react-native

这是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>
        );
    }
}
错误消息

enter image description here

1 个答案:

答案 0 :(得分:1)

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

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

您应该像这样导入React

import React, {Component} from 'react';

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