React-native 上传自定义控件

需要: 上传自定义控件到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
  1. 在发布到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: [email protected]

# npm publish

你可能感兴趣的:(React-native 上传自定义控件)