关于开发React Native的注意事项

  • Z时代
  • 2024-01-10
  • 分类：综合

react

今天在写一个简单的RN的Demo时，一连出现了好几个错误，最后幸亏得以解决，在这里把我踩过的坑以及解决办法分享出来：

1.运行出现错误：Could not connect to development server.

解决办法：

请将项目中 AppDelegate.m 中的 

jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];

改为

jsCodeLocation = [NSURL URLWithString:@"http://127.0.0.1:8081/index.ios.bundle?platform=ios&dev=true"];

原因：做本地局域网开发环境，大部分都会做服务器映射处理，localhost 被指向特定的IP 而不是本机的127.0.0.1， 就会出现这样的问题。

2."Unable to resolve module XXX  from ......." in react native

出现这样的错误提示有两个原因，一个是你的依赖没有完全安装，另外一个就是你的文件里的代码没有写对，比如英文字母写错等。

如果是依赖没有安装，可以参考以下命令：

npm i XXX --save  或者 npm install

然后关掉终端，重新运行。

3.ios9 https机制下连接网络办法：

先在Info.plist中添加NSAppTransportSecurity类型Dictionary.
然后在NSAppTransportSecurity下添加NSAllowsArbitraryLoads类型Boolean,值设为YES.

4.切记，我的大多数错误就是代码写错，居然找了半天原因，笑哭了。。。。。。

5.TabBarIOS底部的图标资源放在Xcode工程文件中方能显示出来。

6.React-native中在某些内页如何隐藏TabBarIOS的办法：

　文件： RCTWrapperViewController.m

  方法： - (void)viewWillAppear:(BOOL)animated

  插入下面一句：

self.navigationController.tabBarController.tabBar.hidden=self.navigationController.childViewControllers.count>1?YES:NO;

7.安装react-native-icons插件，在项目的根目录下执行

npm install react-native-icons@latest --save

下载完成后可以在node_modules目录下看到该插件。

 参考地址：http://blog.csdn.net/itfootball/article/details/48710827

 8.最近iOS模拟器变得很慢，动作迟缓，查了一下，发现只要点击iOS模拟器上栏中的Debug -> Slow Animations上的勾去掉即可。

以上是 关于开发React Native的注意事项 的全部内容， 来源链接： utcz.com/z/382112.html

回到顶部