react-native - 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"
},
这是我的 HeaterPart.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>
);
}
}
解决方案
看来你是React
从错误的地方进口的。目前在您的HeaderPart
组件中,您正在执行以下操作:
import React, {Component} from 'react-native';
您应该React
像这样导入:
import React, {Component} from 'react';
正确导入React
应该可以解决您的问题。
推荐阅读
- python-3.x - 有没有办法确保在选择子小部件时突出显示的父小部件保持突出显示
- oracle - 外部表和目录对象
- excel - 无法将选择范围引用到任何特定工作表
- javascript - 如何使用响应式表单获取完整的下拉对象项?
- c# - 如何在为 HTC VIVE 统一工作时将一个对象粘贴到另一个对象位置
- matlab - 如何从点垫文件中加载变量列表
- php - 函数语法似乎没问题,代码不起作用(functions.php)
- angular - 有谁知道如何在不使用 ngBootstrap 的情况下使用 Bootstrap 创建 Angular 8 DatePicker?
- python - 使用正则表达式的子集熊猫数据框
- java - java的反向猜谜游戏