ReactNative遇到的坑总结(持续更新)

Stella981
• 阅读 994

问题:在Android中 input组件,文字会有遮挡

在Android中,input组件默认会有内边距,所以把padding改为0可以解决问题

问题:在Android中 input组件,底部会有条白线

添加红色的属性underlineColorAndroid

<TextInput

placeholder="搜索关键字"

placeholderTextColor={'#FFFFFF'}

underlineColorAndroid={'transparent'}

style={styles.topInputStyle}

/>

问题:安装新的组件后,有时候会提示找不到reactnative

在ReactNative的github中有这个问题的描述,位置是issues/4968

经过测试推荐解决方法是

  • Reset packager cache - rm -fr $TMPDIR/react-* or node_modules/react-native/packager/packager.sh --reset-cache

问题:react-native run-android总是不成功

or   Error:Execution failed for task ':app:transformClassesWithDexForDebug'.

or   Process 'command 'C:\Program Files\Java\jdk1.7.0_67\bin\java.exe''

测试过几个方法,最简单稳定的方案是:用Android Studio直接运行安卓项目,用这种方式打开模拟器。如果遇到问题,在网上也比较好找解决方案。

问题:ReactNative总是出现找不到模块的提示。

推荐安装npm 4.6.1版本,因为npm 5有bug,ReactNative团队推荐使用4.6.1。

问题:Android 中StatusBar的translucent属性无效。

相关可见github的讨论:https://github.com/facebook/react-native/issues/6876

在这个讨论贴中,给出的最优方案是放弃这个属性,自定义一个导航栏,这样可以自行调节高度。

问题:使用Expo怎么在真机上做测试。

iOS 在APP Stroe下载expo即可,Android 需要在Google Play下载,如果无法使用,可以通过apkPure网站下载expo的安卓版,然后再安装到手机上。

安装好APP后,剩下的就是扫描了。

问题:Expo创建项目慢怎么办?

翻墙吧,暂时没有别的办法。

另外,在最新版的expo中,create-react-native创建的项目有错误出现。

所以如果想用expo来做调试,推荐使用expo官方的创建方法。

问题:FlatList/SectionList中,renderItem带的参数中结构是什么样的?

如下:

Object {

  "index": 0,

  "item": Object {

    "index": 0,

    "name": "就是我",

  },

  "section": Object {

    "data": Array [

      Object {

        "index": 0,

        "name": "就是我",

      }

    ],

    "renderItem": [Function renderItem],

  },

  "separators": Object {

    "highlight": [Function highlight],

    "unhighlight": [Function unhighlight],

    "updateProps": [Function updateProps],

  },

}

问题:ReactNative ref绑定了组件,但是this.refs中没有组件。

_解决方式:    ref_={(e)=>{this.scrollview=e}}

如果直接使用ref="scrollview",他会绑定到父节点上,不一定和this有关。

问题:****RawText ” ” must be wrapped in an explicit component.

这个问题我是因为  ,中间有空格导致的。

详情:https://stackoverflow.com/questions/39681173/react-native-error-raw-must-be-wrapped-in-an-explicit-text-component/39682802

问题:如何通过点击事件event获取当前点击的组件(Element)?

查一下ReactNative的版本,不同版本不同路径,以0.48为例

import ReactNativeComponentTree from 'reactnative/Libraries/Renderer/shims/ReactNativeComponentTree';



let element = ReactNativeComponentTree.getInstanceFromNode(e.target)._currentElement;

注意:e.target属性是获取显示的组件,如Image。

         e.currentTarget属性是获取点击组件,如TouchableOpacity

集合贴:

关于UI上的坑总结。

http://www.jianshu.com/p/a59e64443124

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
待兔 待兔
4个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Jacquelyn38 Jacquelyn38
3年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Wesley13 Wesley13
3年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Stella981 Stella981
3年前
ELK学习笔记之配置logstash消费kafka多个topic并分别生成索引
0x00 filebeat配置多个topicfilebeat.prospectors:input_type:logencoding:GB2312fields_under_root:truefields:添加字段
Wesley13 Wesley13
3年前
Unity横屏
Android下发现Unity里面的Player设置,并不能完全有效,比如打开了自动旋转,启动的时候还是会横屏,修改XML添加以下代码<applicationandroid:icon"@drawable/ic\_launcher"                    android:label"@string/app\_name"
Stella981 Stella981
3年前
Django中Admin中的一些参数配置
设置在列表中显示的字段,id为django模型默认的主键list_display('id','name','sex','profession','email','qq','phone','status','create_time')设置在列表可编辑字段list_editable
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Python进阶者 Python进阶者
10个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这