# npm
npm install -g react-native-create-library# yarn
yarn add -g react-native-create-library

# 这样将创建一个具有 Android ios  windows 3个模块的 React Native Module
react-native-create-library demo # 这样将仅创建一个具有 Android ios 2个模块的 React Native Module
react-native-create-library demo --platforms android,ios

// 这是上面几个步骤的共同代码// 这里定义一个类继承 ReactContextBaseJavaModule
public class RNToastModule extends ReactContextBaseJavaModule {private final ReactApplicationContext reactContext;public RNToastModule(ReactApplicationContext reactContext) {super(reactContext);this.reactContext = reactContext;}/*** 这里导出的字符串为当前模块的 JS 名称* 在js中获取到当前模块中如下获取到当前模块：* NativeModules.RNToast* NativeModules 为 import { NativeModules } from 'react-native'; 中的 NativeModules* @return*/@Overridepublic String getName() {return "RNToast";}/*** 这里返回的值会被JS模块当做常量来使用* 使用方式为** NativeModules.RNToast.SHORT === Toast.LENGTH_SHORT* NativeModules.RNToast.LONG === Toast.LENGTH_LONG** @return*/@Nullable@Overridepublic Map<String, Object> getConstants() {final Map<String, Object> constants = new HashMap<>();constants.put("SHORT", Toast.LENGTH_SHORT);constants.put("LONG", Toast.LENGTH_LONG);return  constants;}/*** 这里暴露一个方法给 React Native** 在JS中使用方式为：** NativeModules.RNToast.show(msg, duration); // duration 可以使用上面 getConstants 方法暴露出来的常量** @param msg* @param duration*/@ReactMethodpublic void show( String msg, int duration ){Toast.makeText(getReactApplicationContext(), msg, duration).show();}
}

import { NativeModules } from "react-native";
// 下一句中的ToastExample即对应上文
// public String getName()中返回的字符串
export default NativeModules.RNToast;

# 创建一个名为 toast_demo 的工程
react-native init toast_demo
# 等待命令的执行，执行完后安装依赖，启动服务，安装app到模拟器或者真机，这样完成了一个react native app的创建

# 先在 toast 工程中, yarn link 命令可以将toast工程导入全局，
# 在别的工程中使用yarn link react-native-toast 就可以使用当前的toast工程
# 为什么是 react-native-toast 而不是 toast，可以点开 toast > package.json文件
# 将会发现 toast 工程的 name 是 react-native-toast,
# 前缀 react-native 是由 react-native-create-library 加上的。
# 因此这里是 react-native-toast 而不是 toast。
yarn link# 在 toast_demo 工程中敲击yarn link react-native-toast，
# 再点开 toast_demo 工程下的node_modules 会发现 react-native-toast被
# 加载到toast_demo/node_modules里面了
yarn link react-native-toast# react-native link 命令不用多说
react-native link react-native-toast

# 安装 haul
yarn add --dev haul# 初始化 haul和安装haul的依赖，但是npx 不会准确的安装所有的依赖，因此在使用haul的时候可能会提示漏掉了某些库，
# 只要根据提示安装完所有的依赖即可
yarn haul init
# npm >= 5.2.0 :
npx haul init
# npm < 5.2.0 :
npm install -g npx
npx haul init# 然后启动 haul 相关服务
yarn haul start --platform ios
# Or:
npx haul start --platform ios

import { createWebpackConfig } from "haul";export default {webpack: env => {const config = createWebpackConfig({entry: './index.js',})(env);config.module.rules.some(rule => {if (rule.test && rule.test.source.includes('js')) {rule.use = [{loader: require.resolve('babel-loader'),options: {presets: [['module:metro-react-native-babel-preset', { enableBabelRuntime: false }]],plugins: [require.resolve('haul/src/utils/fixRequireIssues')],},},];return true;}});return config;}
};