ReactNative开发之Chrome调试

1.切换Chrome的窗口布局

2.在Chrome中,按下⌘ + option + i
或者选择视图(View) -> 开发者(Developer) -> 开发工具(Developer Tools)

3:打开有异常时暂停(Pause On Caught Exceptions)选项

需要注意的此选项需要选中断点按钮才会看到

参考链接

ReactNative开发之React Developer Tools

1.安装

2.运行

如果出现如下错误

删除/react-devtools/node_modules/electron 重新下载

也可以在当前工程下安装

 

参考链接

ReactNative开发之获取组件位置

1.设置组件ref,如ref=”menu”

2.点击组件时调用this.refs.menu.measure

 

ReactNative开发之特殊样式

1.下划虚线

2.绝对位置

position:’absolute’ 配合 top:0,bottom:0,left:0,right:0

ReactNative开发之软键盘

隐藏软键盘,监听


隐藏

官方的issue

 

参考链接

ReactNative开发之react-navigation不集成redux goBack返回指定页

在不集成redux的情况下

EditCover.js

 

EditPage.js

 

参考资料