先看下报错信息截图
No component found for view with name "RNSScreen",大概意思就是屏幕内,找不到组件。
再看下我的实现代码
import React from 'react';
import {NavigationContainer} from '@react-navigation/native';
import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
import MyIndex from './src/pages/my/index';
// 创建Tab Navigator
const Tab = createBottomTabNavigator();
export default function App() {
return (
<NavigationContainer>
<Tab.Navigator>
<Tab.Screen name="我的" component={MyIndex} />
</Tab.Navigator>
</NavigationContainer>
);
}
于是我将App的返回内容改为
export default function App() {
return (
<View>
<Text>
Hello
</Text>
</View>
);
}
在ios下正常运行,那么应该是导航的问题,于是找了相关资料,查看官网demo,reactnavigation.org/docs/gettin… 原来少了下面一步,在项目执行一下就可以了
npx pod-install ios
那么执行上面命令有什么作用呢?原因如下:
npx pod-install ios 命令用于在React Native项目中安装或更新CocoaPods依赖。CocoaPods是一个用于管理和维护Objective-C/Cocoa项目的外部库的包管理工具,常用于iOS开发。
在React Native项目中,通常会在ios目录下有一个Podfile,这个文件定义了项目所需的依赖库。当你需要安装这些依赖库或者更新它们的时候,就需要使用pod-install命令。
具体作用:
-
安装依赖库: 当你首次设置一个React Native项目或者添加了新的原生依赖库后,你需要运行
pod-install来下载并安装这些库。 -
更新依赖库: 如果你修改了
Podfile中的依赖版本或者其他配置项,也需要重新运行pod-install来更新这些变化。 -
同步依赖库: 当你在团队中工作时,确保每个人的工作环境中都有相同的依赖库是很重要的。
pod-install可以帮助保证团队成员之间的依赖一致性。
如何使用:
假设你已经在项目根目录,并且已经进入到了ios目录:
cd ios
npx pod-install
或者直接在项目根目录下运行:
npx pod-install ios
注意事项:
- 如果你之前没有安装过CocoaPods,可能需要先安装它。可以通过运行
sudo gem install cocoapods来安装CocoaPods。 - 在运行
pod-install之前,请确保你的项目中有Podfile。如果没有,你可能需要创建一个。 - 运行
pod-install后,CocoaPods会在ios目录下生成一个.xcworkspace文件。你应该使用这个.xcworkspace文件来打开你的iOS项目,而不是直接打开.xcodeproj文件。
相关命令:
npx pod install:这是一个常见的等价命令,作用相同。npx pod update:用来更新所有依赖库到Podfile中指定的版本。npx pod check:用来验证Podfile中的依赖关系是否正确。
通过这些命令,你可以有效地管理你的React Native项目的iOS部分的依赖关系。