需要: 上传自定义控件到npm仓库 (包括lib静态库)
1. 代码地址
代码地址: hzytest
创建React-native 工程
react-native init TestProject
在前面创建的ReactNative工程下的node_modules创建一个文件夹react-native-test,然后我们在新创建的文件夹下再创建一个ios文件夹。
指令 :
# cd TestProject/node_modules
# mkdir react-native-test
# cd react-native-test
# mkdir ios
Xcode建立静态库, 我们将创建的静态库中的文件全部copy到node_modules/react-native-test/ios目录下
使用xcode打开创建的静态库,添加一行Header Search Paths,值为$(SRCROOT)/../../react-native/React,并设置为recursive
静态库代码同我们写的桥接代码 一样~
2. 发布上线
1、我们需要创建github仓库
将index.js package.json ios 上传到git
- 在发布到npm之前,我们需要创建一个package.json文件,这个文件包含了module的所有信息,比如名称、版本、描述、依赖、作者、license等
# 终端 cd react-native-test
# npm init
如下:
{
"name": "react-native-nativemodule-test",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": "git+https://github.com/HZYDZT/hzytest"
},
"author": "",
"license": "ISC",
"bugs": {
"url": "(https://github.com/HZYDZT/hzytest/issues"
},
"homepage": "(https://github.com/HZYDZT/hzytest#readme"
}
如果需要引入React 添加
"dependencies": {
}
3 .发布
需要npm账号 注册// 然后执行下列指令
# npm adduser
# Username: your name
# Password: your password
# Email: yourmail@gmail.com
# npm publish
网友评论