ReactNative创建自己的三方库

发布

更新

 

 

参考链接

开发自己的react-native组件并发布到npm

在使用淘宝镜像的情况下发布npm包

 

ReactNative 0.57.1

 

ReactNative开发之疑难杂症2

1.

package.json中添加如下命令,

运行

参考链接

https://github.com/facebook/react-native/issues/18313

ReactNative开发之WebView

1.webview高度自适应可以使用react-native-autoheight-webview

2.提示如下错误
The resource could not be loaded because the App Transport Security policy requires the use of a secure connection.
直接编辑工程文件下的Info.plist文件,加入以下代码

参考链接
– https://www.cnblogs.com/36bian/p/5237138.html

3 react-native-webview-bridge

https://github.com/alinz/react-native-webview-bridge/issues/236

ReactNative开发之截图保存到手机

rn自身takeSnapshot方法截图只支持iOS平台,需要借助三方开源库
react-native-view-shot

安装成功后调用根据view截屏

根据获得url保存图片
CameraRoll .saveToCameraRoll
这里需要注意的是iOS需要引入libRCTCameraRoll.a

ReactNative开发之自定义字体

下载需要字体的ttf文件

ios程序放在对应的资源文件,在list中Fonts provided by application添加索引

ReactNative开发之特殊语法

1.除了正常运行模式,ECMAscript 5添加了第二种运行模式:”严格模式”(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。

2.按 es6 的规范 import * as obj from "xxx" 会将 "xxx" 中所有 export 导出的内容组合成一个对象返回。如果都使用 es6 的规范,这个是很明确的。

3.扩展运算符( spread )是三个点(…)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。

参考链接

ReactNative开发之Chrome调试

1.切换Chrome的窗口布局

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

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

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

参考链接