React Native - Native Base - 显示错误

问题描述 投票:0回答:1

这是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"
  },

这是My HearderPart.Js组件代码

我无法在我的组件中使用native-base软件包。

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

enter image description here

react-native
1个回答
1
投票

您似乎从错误的地方导入React。目前在您的HeaderPart组件中,您正在执行以下操作:

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

您应该像这样导入React

import React, {Component} from 'react';

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

© www.soinside.com 2019 - 2024. All rights reserved.