美文网首页
RN遇到的坑

RN遇到的坑

作者: SDBridge | 来源:发表于2019-04-24 20:20 被阅读0次

RN开发遇到的坑:

1.Model 组件 在IOS 需要加一个延时100ms的处理方法,不然弹不出相机或者相册

等待层 改用iOS原生的。

2.WebStrom 直接修改文件名称 会导致Androd加载异常,iOS 正常显示

3.子组件没有声明的Prop,父组件可以直接给子组件赋值。而子组件可以直接取。

4.refs 两种方式

https://yq.aliyun.com/articles/238997

this._refButton.setNativeProps

this.refs.myInput.setNativeProps

第一种方式是函数方式,_refButton即为绑定的内部变量(个人理解,不知道是否有问题);第二种方式是字符串方式,myInput是绑定的字符串,通过refs来访问之。

5.iOS 下的debugger 模式,

新的mac mini 支持WebStorm直接打断点

6.TextInput在ios中不能输入中文

解决方法 ,最新的版本已经解决

https://blog.csdn.net/xiaopihair123/article/details/86694691

https://github.com/facebook/react-native/commit/892212bad2daadd373f4be241e4cd9889b0a1005

https://www.jianshu.com/p/49544321295e

升级RN到0.57.4解决

./**

*** 根据不同平台返回不同的尺寸

*** @param ios IOS设备的尺寸

*** @param android 安卓设备的尺寸

*** @returns {}*

  • /

function fixPlatformSize(ios,android){

return Platform.OS === 'ios'?ios:android;

}

相关文章

  • RN遇到的坑

    RN开发遇到的坑: 1.Model 组件 在IOS 需要加一个延时100ms的处理方法,不然弹不出相机或者相册 ...

  • RN开发中遇到的坑 - Can't find variable:

    RN开发中遇到的坑 - Can't find variable: navigate 测试RN开发的组件,在使用na...

  • RN 学习中遇到的坑

    报错不红屏,直接崩溃,语法错误在终端会有提示,非语法错误不报错。报错如下图:image.png 解决方案:先把RN...

  • react-native 中文输入法冲突

    最近一直在做RN开发,遇到了不少坑,昨天碰到一个中文输入冲突。## 原因我用的RN版本是:0.54.0,先上代码,...

  • iOS接入react-native

    最为一个iOS开发人员,最近在研究rn开发,坑还挺多的。下面我就来说说iOS接入rn的步骤以及我遇到的问题. 前提...

  • Android现有工程接入RN开发

    前言 将一个现有工程接入rn开放,中间会有不少坑,今天记录下步骤和遇到的几个坑和解决办法 1 :用AndroidS...

  • Android项目接入React Native详细分析及跳坑

    RN嵌入app所踩的坑 本篇文章不会包括RN中的相关概念,生命周期等内容,只包括在接入过程中所遇到的一些问题,接入...

  • iOS开发-与ReactNative交互时bridge is n

    上次说到了与RN交互时,RN引用原生UI组件时出现的坑,如果说上次的坑是因为没有仔细看官方文档导致的,这次的坑应该...

  • RN的坑

    1. Activity里getMainComponentName的return返回值要和RN注册值"RnTestP...

  • RN的坑

    坑一:安装React-Navigation报错 在react-native link react-native-g...

网友评论

      本文标题:RN遇到的坑

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