react-native - 检查 `MaterialTopTabNavigator` 的渲染方法
问题描述
我想创建一个 Top Tab 导航器并将两个屏幕 Badges.js 和 Studying.js 放入 Tab 当我在我的设备上运行它时我收到一个错误它说“错误:元素类型无效:需要一个字符串......”和"检查 `MaterialTopTabNavigator" 的渲染方法。
TabScreen.js
import React from 'react';
import {View, Image, Text} from 'react-native';
import {createMaterialTopTabNavigator} from '@react-navigation/material-top-tabs';
import Badges from './Badge';
import Studying from './Studying';
const Tab = createMaterialTopTabNavigator();
const TabsScreen = () => {
return (
<Tab.Navigator>
<Tab.Screen name="Badges" component={Badges} />
<Tab.Screen name="Studying" component={Studying} />
</Tab.Navigator>
);
};
export default TabsScreen;
徽章.js
import React from 'react';
import {View, Image, Text} from 'react-native';
const Badges = () => {
return (
<View>
<Text>Badges</Text>
</View>
);
};
export default Badges;
学习.js
import React from 'react';
import {View, Image, Text} from 'react-native';
const Studying = () => {
return (
<View>
<Text>Studying</Text>
</View>
);
};
export default Studying;
解决方案
确保以下所有软件包具有相同的版本
"@react-navigation/material-top-tabs": "^6.0.1",
"@react-navigation/native": "^6.0.1",
"@react-navigation/stack": "^6.0.1",
推荐阅读
- python - 如何在python中绘制预测值和测试值
- javascript - React 如何区分用于评估和用作 JS 的花括号?
- r - 在 R 中使用 ggplot 每天绘制新病例
- php - 如何从数组中获取值
- python - 在不启动服务器的情况下使用 requests-html 测试 Flask 应用程序
- amazon-web-services - 有没有办法在 AWS Cloudwatch 上自定义日志流前缀?
- python - BlockingIOError: [Errno 35] 资源暂时不可用 For Loop
- python - 在 selenium python 中通过 href 查找链接
- python - 用每个类别的行数注释 seaborn 线图图例
- ionic-framework - 一旦应用程序 ionic 3 在 android 中关闭,cookie 就会被删除