最近使用react-native来做项目,感觉挺不错,官网已经封装了大部分组件,github上又有很多开源者贡献了自己的开源组件,感觉挺方便,但是每个项目中又会有不同风格的组件出现, 有可能是新功能,也许是改造别人的功能变成自己项目的风格,因此学习了下本地模块的封装,对于安卓来说,也许接触的时间比较长,封装比较简单也容易实现,对于ios,对于自己不是很熟悉,因此在此把封装步骤记录下来经供查阅。不用每次都度娘了。
第一步:创建个静态库
第二步:创建个react-native项目
第三步:在react-native的node_modules目录下创建此模块的名称,如:react-native-image-picker
第四步:在刚创建的目录下创建目录ios(创建node_modules下是为了方便引入头文件,在别人使用或者自己使用时不用修改头文件搜索地址,你也可以不用这样做)
第五步:打开react-native项目下的ios工程,把创建的模块下ios中的.xcodeproj拖到项目的libraries目录下
第六步:加入刚创建静态库的.a文件
第七步:在静态库下面设置header search paths为:$(SRCROOT)/../../react-native/React(如果你没在node_modules目录下创建,这里路径要改变)
第八步:编写代码
react-native IOS端原生组件封装步骤
最新推荐文章于 2022-03-21 09:56:15 发布