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 每次运行都情况缓存。

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

2020-05-07 13:21:25

JS中获取 DOM 元素的绝对位置实例详解
在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置，例如本文左侧的悬浮导航，当页面滚动到它以前会正常地渲染到文档流中，当页面滚动超过了它的位置，就会始终悬浮在左侧。

2020-05-07 13:28:23

querySelector获得兄弟DOM元素父级DOM元素子级DOM元素
js定位大全获取节点的兄弟，父级，子级元素含robot实例

2020-05-07 13:42:13

场景切换的集合移动，旋转，淡入淡出等
两个场景（即两个div视图）切换的时候，如果想添加个过渡动画，除了可以使用js来实现，还可以通过CSS3的animation属性来实现。（注意：Internet Explorer 9 以及更早的版本不支持 animation 属性。）

2020-05-07 13:43:02

css模拟开关按钮
之前我们为大家分享过很多款各式各样的CSS3开关切换按钮，很多还是非常富有创意的，比如这里的多组超具创意的CSS3开关切换按钮和纯CSS3灯光开关动画。今天我们要带来另外一款外观很漂亮的纯CSS3开关切换按钮动画，它模拟了电灯的开关，并且在开和关之间切换时按钮的背景会有不同的变化，看起来非常不错。