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. 实在不行,重新跑下安卓编译

  • 2020-01-10 10:23:08

    父元素设置min-height子元素设置100%问题

    父元素设置min-height子元素高度设置100%取不到值,这是因为子元素 div设置 height:100%;只有当父级元素满足min-height:1000px;设置的条件才触发;浏览器默认是不会触发的,所以子元素的100%的高度继承就失效了。min-height 是在 height 计算之后再套用的.

  • 2020-01-10 15:48:46

    Linux下查看文件精确到秒的修改时间

    今天排查一个BUG遇到一个问题,错误日志中打印的时间精确到秒,但当根据日志中的时间去找对应文件进行验证的时候,发现通过 ls -l 或者 ll 命令,都无法查看到文件精确到秒的修改时间。

  • 2020-01-10 15:55:05

    linux php yum 安装Imagick

    通过pecl安装Imagick扩展,成功到是成功了,很顺利,但是so包并不在我当年用yum安装的php7.2的扩展包内,我把生成的Imagick.so,移动到当前用的php包内,并不能用,提示 undefined symbol: spl_ce_Countable)) in Unknown on line 0。

  • 2020-01-10 15:57:06

    Centos 安装php Imagick 扩展

    yum install ImageMagick ImageMagick-devel ImageMagick-perl 下一步,验证ImageMagick已经安装在你的系统上并验证它的版本

  • 2020-01-10 19:44:45

    window安装ImageMagick没有conver.exe

    你安装 ImageMagick 的时候有几个勾选安装的选项,里面有一个就是convert.exe。可以全勾选上··以防万一。

  • 2020-01-10 21:59:08

    supervisor 永不挂掉的进程 安装以及使用

    在使用Tp的消息队列 think-queue的时候进程意外结束了!导致项目没法运行; 所以用到了supervisor ; 接下来跟大家分享一下自己的使用心得以及安装到使用的方法;

  • 2020-01-10 22:00:23

    又一款内网穿透工具搭建

    最近一个项目需要用到将订单发布到第三方平台,之后要是有人购买他们会请求我们这边的接口来改变订单状态等! 由于本地开发,测试的时候,他们那边请求我们这边接口的时候没法访问内网 所以要用到内网穿透 当然现在也有很多更简单的 比如花生壳就是很好的!

  • 2020-01-13 11:14:43

    p标签中的文本换行显示空白

    white-space: 如何处理元素中的空白,normal: 默认, 被浏览器忽略空白 pre: 空白被浏览器保留. nowrap: 文本不会换行, 会在同一行上继续, 一直走到需要换行为止 pre-wrap: 保留空白符序列, 但正常换行 pre-line: 合并空白符序列, 但正常换行 inherit: 从父元素继承white-space这个属性