ReactNative的陷阱集

一、modal无法正常启动/关闭

原因：同一个页面有两个modal, 处理逻辑刚好是关闭第一个的同时开启第二个，导致第二个无法正常启动/关闭

解决方案：避免同时操作两个modal，第二个modal应延迟几百毫秒后操作

同样model + alert时也需要alert延迟几百毫秒后执行

二、android studio上无法run运行自动安装apk

“设置” -> “开发者选项” -> 勾选上”USB安装”(允许通过USB安装应用)

三、运行安卓几点陷阱

1、参考安卓下环境搭建

2、关闭android studio的Instant run 快速运行

3、配置网络和端口；摇晃手机调出app debug菜单选项 ->选择Dev Settings-> 选择Debug server host & port for device -> 填写PC局域网IP及端口(命令行输入ipconfig可查看本机ip)

四、ListView做Section分组遇到问题

问题： Sticky header index 0 was outside the range {0, 0}

debug：在ListView组件中

renderRow={this.renderRow}
改成renderRow={() => <Text>11</Text>} 后正常显示

=>可以得知是因为行的数据无法正常拿到

解决： 在constructor() { } 构造函数中

getRowData

获取每行的数据和设置每行数组的key一定要对应上

const getRowData = (dataBlob, sectionId, rowId) => dataBlob[`${sectionId}:${rowId}`];

==>>  dataBlob[`${organization.id}:${user.md5}`] = user;