react-native LinKing Libraries 链接库配置(Ios开发)

并不是所有的应用都需要使用所有的原生代码开发的功能,并且需要包含所有特性的代码来支持,这样开发的应用包就会变得很大。

把一些互不干扰的功能进行打包成静态库,能够简单快速的添加原生的特性功能。使用静态库的时候,大多数的情况就是简单的拖拽两个文件进去,有时候还需要进行配置一下。

react-native提供的所有库都在根目录Libraries文件夹。在使用纯JavaScript的时候,只需要require进行引入。另外一些使用到原生代码的库,就需要做一些配置添加到项目中,否则在使用这些库的时候就会产生相关错误。

自动链接:

1、安装带有原生功能依赖的库:

npm install <library-with-native-dependencies> --save

(注意:--save或--save-dev标志是非常重要的,react-native会在package.json文件中的dependencies和devDependencies中写入该链接库信息)

2、添加链接到原生依赖:

react-native link

这样Android/Ios项目就成功添加了原生功能依赖了。

(注意:如果Ios项目使用CocoaPods(包含Podfile)并且链接库有podspec文件,那么react-native link将使用Podfile链接库。)

手动链接:

1、如果需要添加的库是带有一些原生代码实现的,那么该文件夹中肯定存在一个.xcodeproj文件,把这个文件拖到Xcode项目中(通常在项目的Libraries文件夹中)。

image.png

2、点击主项目文件,选择Build Phases选项卡,然后打开刚刚添加的库中的Products文件夹下的.a库拖动到Link Binary With Libraries中。

image.png

3、并不是每一个库的添加都需要第三步操作,你需要知道你是否需要在原生代码中使用该库还是只是通过JavaScript进行访问?如果仅仅是通过JavaScript进行访问的话,那么就可以跳过当前这一步了。

这一步对于react-native的第三方库来讲不是必须设置的,如果确实需要从react-native调用它,那么就需要访问到库的头文件。为了可以打包方便,点击主项目文件,选择Build Settings选项卡,然后进行搜索Header Search Paths,然后添加库的路径。

image.png

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容