react native开发遇到的问题一

2022-04-01 09:04:44

其实最大的问题是ractnative更新速度太快了,并且兼容性不大,包括周边库。

教程更是差距很大

安装这些库

"@react-navigation/drawer": "6.1.3",
"@react-navigation/native": "^6.0.8",
"@react-navigation/stack": "^6.1.1",

按照demo来,会出错,因为你还要安装其他库,你的程序报错会提醒你要安装那些库。

使用

react-navigation/drawer

会报错,说是否配置了

react-native-reanimated

的babel配置文件,还是要好好看文档吧,官方正式文档哦,会让我们去设置react-native-reanimated的一些配置。

里面包括设置安卓原生代码,和配置babel.config.js,具体怎么配置,我就不多讲了,只讲思路,因为文档一直在变,我讲了也不一定适用你。


继续运行,还是报错,结局办法,情况metro缓存,这样运行 npm run start  --reset-cache 我直接修改了package.json的start 语句,在后面添加了 --reset-cache 每次运行都情况缓存。


上面遇到的问题解决思路。

  1. 仔细阅读最新的官方文档

  2. 情况缓存继续运行。

  3. 实在不行,重新跑下安卓编译

  • 2019-08-27 05:43:13

    Laravel 门面自动补全工具 laravel-ide-helper

    当我们在 PhpStorm 编辑器中,开发 Laravel 框架的项目时,很多类方法都不能自动补全和定位,比如 Facade 门面的方法,DB::table()、Route::get() 等。

  • 2019-08-28 08:28:36

    Js apply,call方法详解,及其apply()方法的妙用

    在给对象参数的情况下,如果参数的形式是数组的时候,比如apply示例里面传递了参数arguments,这个参数是数组类型,并且在调用Person的时候参数的列表是对应一致的(也就是Person和Student的参数列表前两位是一致的) 就可以采用 apply , 如果我的Person的参数列表是这样的(age,name),而Student的参数列表是(name,age,grade),这样就可以用call来实现了,也就是直接指定参数列表对应值的位置(Person.call(this,age,name,grade));

  • 2019-08-28 08:49:47

    Nginx + fastcgi + php 的原理与关系

    CGI对每个请求会parse一遍对应脚本的配置文件(如php.ini), 加载配置和扩展,初始化执行环境,性能非常差,所有有了下面的流程:

  • 2019-08-28 09:23:15

    php单例模式

    单例模式,是一种常见的软件设计模式。在应用这个模式时,单例对象的类必须保证只有一个实例存在。

  • 2019-08-28 22:45:02

    彻底搞懂Gradle、Gradle Wrapper与Android Plugin for Gradle的区别和联系

    Gradle是个构建系统,能够简化你的编译、打包、测试过程。熟悉Java的同学,可以把Gradle类比成Maven。Gradle Wrapper的作用是简化Gradle本身的安装、部署。不同版本的项目可能需要不同版本的Gradle,手工部署的话比较麻烦,而且可能产生冲突,所以需要Gradle Wrapper帮你搞定这些事情。Gradle Wrapper是Gradle项目的一部分。