React Native 链接原生库的方法
来源:互联网 发布:naturie薏仁面霜知乎 编辑:程序博客网 时间:2024/06/10 03:39
并不是所有的APP都需要使用全部的原生功能,包含支持全部特性的代码会增大应用的体积。但是仍然要根据自己的需求添加需要的特性。
React Native 发布的所有库都在仓库中的Libraries文件夹下。其中有一些是纯JavaScript代码,只需要去require它们就可以使用了。另外有一些库基于一些原生代码实现,必须把这些文件添加到你的应用,否则应用会在你使用这些库的时候产生报错。
添加包含原生代码的库的方式有两种:自动链接和手动链接
一、自动连接
- 安装一个带原生依赖的库: $ yarn add 某个带有原生依赖的库
- 运行一下命令:
$ react-native link
它会根据Package.json文件中的dependencies和devDependencies记录来链接所有需要链接的库
二、手动链接
1.如果该库包含原生代码,那么在它的文件夹下一定会有一个.xcodeproj文件,把这个文件拖到你的Xcode工程下(通常拖到Xcode的Libraries分组里面)
- 点击你的主工程文件,选择Build Phases,然后把刚才所添加进来的.xcodeproj下的Products文件夹中的静态文件(.a文件),拖到Link Binary With Libraries组内。
3.不是所有的库都需要进行这个步骤,你需要考虑的问题在于:
我需要在编译的期间了解库的内容吗?
这个问题的意思是,你是需要在原生代码中使用这个库,还是只需要通过JavaScript访问?如果你只需要通过JavaScript访问这个库,你就可以跳过这步了。
这一步骤对于我们随React Native发布的大部分库来说都不是必要的,但有两个例外是PushNotificationIOS和LinkingIOS。
以PushNotificationIOS为例,你需要在AppDelegate每收到一条推送通知之后,调用库中的一个方法。
这种情况下我们需要能够访问到库的头文件。为了能够顺利打包,你需要打开你的工程文件,选择Build Settings,然后搜索Header Search Paths,然后添加库所在的目录(如果它还有像React这样的子目录需要包含,注意要选中recursive选项)
- React Native 链接原生库的方法
- react-native调用Android的原生方法
- react-native 调用原生方法
- React-Native调用iOS原生方法
- React Native和iOS原生方法交互
- 【React Native】React Native的bind方法
- React native和原生之间的通信
- react native 与原生之间的交互
- React Native嵌入原生应用的坑
- React Native原生模块的基本使用
- react-native的原生传参到rn
- React Native原生视图
- (八)React Native实现调用android原生java方法并实现广播的发送和接受
- React Native 原生与JS之间事件绑定注册 作用在于原生可以直接调用JS的方法
- React Native使用指南-使用链接库
- React Native 学习链接
- react native使用原生模块
- ios原生集成React Native
- Ubutun搭建lnmp
- spring+Mybatis+ PageHelper实现分页
- notes:C++深拷贝和浅拷贝
- iOS 使用lua
- SSM框架——详细整合教程(Spring+SpringMVC+MyBatisPlus+Maven)
- React Native 链接原生库的方法
- Shiro授权
- python numpy包的使用二数据处理与文件读写
- lua教程六
- 墨菲定律
- Rxjava
- qcom平台qmdl转isf格式方法
- Bootstrap基础14——列表list-group
- 日志打印