美文网首页
RN常见问题备忘:

RN常见问题备忘:

作者: dfqin | 来源:发表于2020-07-06 13:23 被阅读0次
  1. 设置了borderRadius后再设置borderWidth无效

  2. 0.62.2版本开发,在Android手机上debug,无法命中onPress事件。
    https://github.com/facebook/react-native/issues/27008

  3. useReducer,reducer多调用一次,把reducer函数写到外面就好了
    https://stackoverflow.com/questions/54892403/usereducer-action-dispatched-twice
    https://stackoverflow.com/questions/54715188/react-hook-rendering-an-extra-time/54716601#54716601

  4. 在ScrollView中存在TextInput,ScrollView中的按钮无法响应点击。后面发现是ScrollView的此属性导致的--keyboardShouldPersistTaps,当键盘显示时,点击事件默认被ScrollView接收用来收起键盘

  5. 页面中有些view是吸低的,但是显示键盘时会把吸低的view推上去,这时在androidmanifest中设置ReactActivity android:windowSoftInputMode="adjustPan"可以解决,但是在Modal中这个设置无效,可以
    用<KeyboardAvoidingView enabled={false} >包裹内容解决这个问题,有关讨论 https://github.com/react-native-community/react-native-modal/issues/344

  6. 打release包时报错:

 Task :app:bundleReleaseJsAndAssets
warning: the transform cache was reset.
error The resource `/Users/user/GitZA/zaloan-app/index.js` was not found. Run CLI with --verbose flag for more details.
Error: The resource `/Users/user/GitZA/zaloan-app/index.js` was not found.
    at /Users/user/GitZA/zaloan-app/node_modules/metro/src/IncrementalBundler.js:157:26
    at gotStat (fs.js:1787:21)
    at FSReqCallback.oncomplete (fs.js:175:21)

因为是混合项目,原生项目里面只是集成RN框架,没有js项目代码,按说不该去找index.js这类文件,感觉是RN库的脚本什么地方出错了,目前可以通过下面命令跳过这一步正常打包(参考:这里)

./gradlew assembleRelease -x bundleReleaseJsAndAssets

经排查是因为build.gradle执行了下面脚本,移除即可:

/node_modules/react-native/react.gradle"
  1. 多个Modal同时显示
    项目中会有场景,一个弹框上操作,会触发显示另外一个弹窗,在android中是可以正常显示的,但是在iOS上发现第一个弹窗显示时,无法触发显示其他弹窗,查了一些资料,目前大家都是使用Modal嵌套的方式来实现
    https://github.com/facebook/react-native/issues/3445
    https://github.com/react-native-community/react-native-modal/issues/30

  2. RN中列表性能问题
    使用RecycleListView https://blog.csdn.net/sinat_17775997/article/details/104455046

相关文章

  • RN常见问题备忘:

    设置了borderRadius后再设置borderWidth无效 0.62.2版本开发,在Android手机上de...

  • ReactNative (三) 常见错误

    常见问题解决 如何升级RN? https://reactnative.cn/docs/0.50/upgrading...

  • nginx使用备忘

    常用命令 配置 nginx.conf default.conf 常见问题 问题1 配置RN环境后react ant...

  • RN-常见问题

    1.RN Controller 进入内存增加不释放问题 需要使用invalidate方法对brige js资源进行...

  • RN开发问题总结备忘

    目录 1)通知的用法 2)回调函数传入参数以区分点击 3)react-navigation 4 setState(...

  • 婴儿养育常见问题备忘

    一、母乳奶粉 母乳喂养大本营母乳喂养:如何判断宝宝是否吃饱喝足了?母乳摄入足不足?看尿量看体重吸奶器罩杯尺寸选择还...

  • Android开发常见问题备忘

    记录一些开发过程中遇到的bug,持续维护中: map嵌套,在api19以下系统上面,map嵌套然后转JSONObj...

  • RN0.53开发常见问题

    1 react-native 初始化项目后运行run-ios,报错 解决办法:修改app.json,说明slug...

  • RN项目实战中常见问题

    目录一、前言二、获取状态栏的高度三、集成个推四、 底部导航图标上添加徽章(未读消息个数)五、ReactNaviga...

  • RN项目实战中常见问题

    目录一、Could not get BatchedBridge, make sure your bundle is...

网友评论

      本文标题:RN常见问题备忘:

      本文链接:https://www.haomeiwen.com/subject/mgfheftx.html