reactnative上传图片
⑴ react native 引入本地图片
source={require('xxxxxx.png')}
⑵ 如何愉快地调试一个 React Native for Android APP
首先确保你的电脑和手机设备在同一个Wi-Fi环境下。其次你需要开启USB调试才能在你的设备上安装你的APP。一定要确定你已经打开设备的USB调试开关!确保你的设备已经被成功连接，可以输入adbdevices核实:在右边那列看到device说明你的设备已经被正确连接了。注意，你只应当连接仅仅一个设备。因为如果你连接了多个设备（包含模拟器在内），你后续的一些操作可能会失败。拔掉不需要的设备，或者关掉模拟器，确保adbdevices的输出只有一个是连接状态。现在我们可以运行react-nativerun-android来在设备上安装并启动我们的应用了这句命令执行后，实际上就是在本地起一个nodeserver，并且将你的androidproject编译打包，再上传到你的手机上。然后当js文件有改动或debug模式下手动选择reloadjs时候会自动更新bundle文件，达到改动js文件后即时显示的调试效果。这“红屏”又是什么鬼？别着急，是正常的，我们需要连接上开发服务器，下面的步骤会解决这个问题。摇晃手机，或者运行adbshellinputkeyevent82，可以调出开发者菜单。点击进入DevSettings点击Debugserverhostfordevice输入你电脑的IP地址和端口号（譬如我的是192.168.3.15:8081）注意：如果你的设备是android5.0以上版本(API21+)，就不用折腾这步了而是：运行adbreversetcp:8081tcp:8081（建立一个从设备向电脑转发的端口，前提是设备和电脑通过USB相连）不需要配置，你就可以使用ReloadJS和其它的开发选项了Chrome开发者工具在Chrome上调试js代码，需要在开发菜单中选择DebugJS，这会打开一个新的debugger-uitab页。在Chrome中，按下⌘+option+i或者选择视图(View)->开发者(Developer)->开发工具(DeveloperTools)来打开开发工具控制台。打开有异常时暂停（PauseOnCaughtExceptions）选项，能够获得更好的开发体验。Chrome中并不能直接看到App的用户界面，而只能提供console的输出，以及在sources项中断点调试js脚本。要查看APP日志？在终端下运行adblogcat*:SReactNative:VReactNativeJS:V可以看到你的应用的日志。实时刷新这个选项可以在你的js代码变更了之后，自动触发所连设备或者模拟器自动刷新。开启方法：先打开开发菜单，选择DevSettings，然后选择AutoreloadonJSchange选项。到此才能完整的调试AndroidRN,繁琐到累绝不爱。。等等，能否想法简化一下过程？既然我们的RN项目里包含了完整的android工程，何不把android工程导入到androidstudio去运行？不但可以同时查看js的日志和native的日志，而且开发android的同学最熟悉AS，利用AS的快捷键和各类插件提升调试效率。haveatry,答案是肯定的！执行react-nativestart也可以起一个nodeserver，只是它不帮你安装APP到device。以上就是我踩坑后整理的方法，按这套组合拳就可以愉快地调试了。水平有限，抛砖引玉，如果你有更好的方法！欢迎拍砖！此处插播一个广告：拍砖请拍到我们的杏树林开放空间（246078103），期待感兴趣的同学加入。之后要解决的一些issue1，关于设备MinSdkVerisonRN只支持Android4.1.2（API16）以上设备，4.0根据网络数据大概占比0.7比例，随着大部分app已经不支持4.0以下设备了，这块倒还可以接受,目前我们的病历夹是3.0(API-11),口袋是4.0(API-14)2，我们的androidRN现在只能通过DebugJS才能渲染出界面，而不能正常的用ReloadJS3，在界面跳转时卡的令人发指
⑶ 如何愉快地调试一个 React Native for Android APP
首先确保你的电脑和手机设备在同一个Wi-Fi环境下。
其次你需要开启USB调试才能在你的设备上安装你的APP。一定要确定你已经打开设备的USB调试开关!
确保你的设备已经被成功连接，可以输入adb devices核实:
在右边那列看到device说明你的设备已经被正确连接了。注意，你只应当连接仅仅一个设备。
因为如果你连接了多个设备（包含模拟器在内），你后续的一些操作可能会失败。拔掉不需要的设备，或者关掉模拟器，确保adb devices的输出只有一个是连接状态。
现在我们可以运行 react-native run-android 来在设备上安装并启动我们的应用了
这
句命令执行后，实际上就是在本地起一个node server，并且将你的android
project编译打包，再上传到你的手机上。然后当js文件有改动或debug模式下手动选择reload
js时候会自动更新bundle文件，达到改动js文件后即时显示的调试效果。
这“红屏”又是什么鬼？别着急，是正常的，我们需要连接上开发服务器，下面的步骤会解决这个问题。
摇晃手机，或者运行adb shell input keyevent 82，可以调出开发者菜单。
点击进入Dev Settings
点击Debug server host for device
输入你电脑的IP地址和端口号（譬如我的是192.168.3.15:8081）
注意：如果你的设备是android5.0以上版本(API 21+)，就不用折腾这步了
而是：运行adb reverse tcp:8081 tcp:8081 （建立一个从设备向电脑转发的端口，前提是设备和电脑通过USB相连）
不需要更多配置，你就可以使用Reload JS和其它的开发选项了
Chrome开发者工具
在Chrome上调试js代码，需要在开发菜单中选择Debug JS，这会打开一个新的http://localhost:8081/debugger-uitab页。
在
Chrome中，按下⌘ + option + i或者选择视图(View) -> 开发者(Developer) ->
开发工具(Developer Tools)来打开开发工具控制台。打开有异常时暂停（Pause On Caught
Exceptions）选项，能够获得更好的开发体验。
Chrome中并不能直接看到App的用户界面，而只能提供console的输出，以及在sources项中断点调试js脚本。
要查看APP日志？
在终端下运行adb logcat *:S ReactNative:V ReactNativeJS:V可以看到你的应用的日志。
实时刷新
这个选项可以在你的js代码变更了之后，自动触发所连设备或者模拟器自动刷新。
开启方法：先打开开发菜单，选择Dev Settings，然后选择Auto reload on JS change选项。
到此才能完整的调试Android RN, 繁琐到累绝不爱。。
等等，能否想办法简化一下过程？
既然我们的RN项目里包含了完整的android工程，何不把android工程导入到android studio 去运行？不但可以同时查看js的日志和native的日志，而且开发android的同学最熟悉AS，利用AS的快捷键和各类插件提升调试效率。
have a try , 答案是肯定的！
执行react-native start 也可以起一个node server，只是它不帮你安装APP到device 。
以上就是我踩坑后整理的方法，按这套组合拳就可以愉快地调试了。水平有限，抛砖引玉，如果你有更好的方法！欢迎拍砖！
此处插播一个广告：拍砖请拍到我们的杏树林开放空间（246078103），期待感兴趣的同学加入。
之后要解决的一些issue
1，关于设备MinSdkVerison
RN 只支持Android4.1.2（API16）以上设备，4.0根据网络数据大概占比0.7比例，随着大部分app已经不支持4.0以下设备了，这块倒还可以接受 , 目前我们的病历夹是3.0(API-11) , 口袋是4.0(API-14)
2，我们的androidRN现在只能通过Debug JS才能渲染出界面，而不能正常的用Reload JS
3，在界面跳转时卡的令人发指
⑷ React Native开源项目如何运行
学习任何技术，最快捷的方法就是学习完基础语法，然后模仿开源项目进行学习，React Native也不例外。React Native推出了1年多了， 开源项目太多了，我们以其中一个举例子.给大家演示下如何运行开源项目.(前提是你已经搭建好React Native环境了)
下载开源项目
首先需要找到开源项目 ,比如下面这个.
地址: https://github.com/Bob1993/react-native-gank
进入github, clone到本地或者直接download到本地。
按照之前运行自己项目的经验，我们会直接在控制台进入项目目录，然后输入
react-native run-ios 或者react-native run-android
这时候发现并没有react-native 指令.
原因是这样的, 大部分开源项目并不是完整的项目, 缺少了项目的依赖, 就像我们运行java没有jdk环境一样。
下面是一个完整的项目：
剩下的就是运行项目了。
下面在汇总了一些开源项目
开源项目汇总
https://github.com/liuhongjun719/react-native-DaidaiHelperNew 借贷助手
https://github.com/liuhongjun719/react-native-BabyHealth- 仿宝宝健康
https://github.com/nihgwu/react-native-sudoku 数独
https://github.com/attentiveness/reading reading
https://github.com/CoderGLM/ReactNativeLeaning
https://github.com/eesc88/programmer 云翻译客户端
https://github.com/jiangqqlmj/GaGaMall 嘎嘎商城
https://github.com/879479119/Bilibili-React-Native 仿B站客户端
https://github.com/Shuijwan/marvel漫威电影客户端
https://github.com/talentjiang/react_native_office公司移动OA办公客户端
https://github.com/yohnz/maoyanFilm仿猫眼电影客户端
https://github.com/soliury/noder-react-nativeCNode论坛客户端
https://github.com/Kennytian/LagouApp仿拉勾网客户端
https://github.com/SFantasy/WeiboReactNativeiOS新浪微博客户端
https://github.com/kailuo99/toutiaoiOS资讯头条APP
https://github.com/xiekw2010/react-native-gitfeedGithub客户端
https://github.com/iSimar/HackerNews-React-NativeHacker新闻客户端
https://github.com/starzhy/TheOneCoder码农客户端
https://github.com/tabalt/ReactNativeNews新闻客户端
https://github.com/vczero/React-Dou豆瓣搜索客户端
https://github.com/race604/ZhiHuDaily-React-Native知乎日报客户端
⑸ react-native image一定要设置 高宽 才能显示吗
onLoad(function）:当图片加载成功后，回调该方法
onLoadStart（function）:当图片开始加载的时候调用该方法
onLoadEnd(function）:当图片加载失败回调该方法，不会管图片加载成功还是失败
onLayout（function）:当 Image 布局发生变化会调用该方法，调用代码！
⑹ 如何创建一个依赖Android AAR文件的React Native组件
Step 1 - 新建react-native工程 ReactNativeToastAndroid
$ react-native init ReactNativeToastAndroid1
Step 2 - 将新建的工程导入android studio然后新建空library（以react-native-toast-android为library的名称）之所以要新建一个library而不在ReactNativeToastAndroid工程中写呢，主要是为了方便上传到npm及github上方便其他开发者使用，一般以react-native-xxx-android命名方便识别这是react-native组件。
Step 3 - 新建空library（以react-native-toast-android为library的名称）
在library目录下的build.gradle中添加react-native的依赖
// file: android/react-native-toast-android/build.gradle
...
dependencies {
...
compile 'com.facebook.react:react-native:0.16.+'
}1234567
Step 4 - 继承ReactContextBaseJavaMole ，大家可以很明显的发现show（）方法上多了一个‘@ReactMethod’，加上了‘@ReactMethod’的方法可以被js调用。
public class AndroidToastMole extends ReactContextBaseJavaMole {
private static final String DURATION_SHORT_KEY = "SHORT";
private static final String DURATION_LONG_KEY = "LONG";
public AndroidToastMole(ReactApplicationContext reactContext) {
super(reactContext);
}
@Override
public String getName() {
return "ToastForAndroid";
}
@Override
public Map<String, Object> getConstants() {
final Map<String, Object> constants = MapBuilder.newHashMap();
constants.put(DURATION_SHORT_KEY, Toast.LENGTH_SHORT);
constants.put(DURATION_LONG_KEY, Toast.LENGTH_LONG);
return constants;
}
@ReactMethod
public void show(String message, int ration) {
Toast.makeText(getReactApplicationContext(), message, ration).show();
}
}
Step 5 - 继承ReactPackage，注意createNativeMoles（）返回的是加入了 AndroidToastMole 的集合，createJSMoles（）与createViewManagers（）返回的都是空集合，如果Step 4 步继承的是BaseViewManager或其子类，那么createViewManagers（）中返回的就是加入了BaseViewManager的集合，其他的就是空集合，一般情况createJSMoles（）的返回值都是空集合。
public class AndroidToastPackage implements ReactPackage {
@Override
public List<NativeMole> createNativeMoles(ReactApplicationContext reactContext) {
return Arrays.<NativeMole>asList(new AndroidToastMole(reactContext));
}
@Override
public List<Class<? extends JavaScriptMole>> createJSMoles() {
return Collections.emptyList();
}
@Override
public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
return Collections.emptyList();
}
}1234567891011121314151617
Step 6 - 新建ToastForAndroid.js，文件位置
‘ android/react-native-toast-android/ToastForAndroid.js ’代码如下，然后在 ‘android/react-native-toast-android/’下运行如下命令生成package.json文件
$ npm init //生成package.json文件1
'use strict';
var RCTToastAndroid = require('NativeMoles').ToastForAndroid;
var ToastForAndroid = {
SHORT: RCTToastAndroid.SHORT,
LONG: RCTToastAndroid.LONG,
show: function (
message: string,
ration: number
): void {
RCTToastAndroid.show(message, ration);
},
};
mole.exports = ToastForAndroid;
Step 7 - 复制ToastForAndroid.js 文件到‘/ReactNativeToastAndroid/ ’ 目录下，如下是index.android.js代码，然后运行测试
'use strict';
var React = require('react-native');
var {
AppRegistry,
StyleSheet,
Text,
Dimensions,
TouchableHighlight,
View,
} = React;
// var ToastForAndroid = require('react-native-toast-android');
var ToastForAndroid = require('./ToastForAndroid');
var deviceWidth = Dimensions.get('window').width;
var deviceHeight = Dimensions.get('window').height;
var ReactNativeSegmentedExample = React.createClass({
_onPressButton:function(){
ToastForAndroid.show('点击了！', ToastAndroid.SHORT)
});
},
render: function() {
return (
renderButton: function() {
return (
<TouchableHighlight onPress={this._onPressButton}>
<Text style={{width:deviceWidth,height:50}}>click goto activity</Text>
</TouchableHighlight>
);
},
);
}
});
...2829303132333435
Step 9 - 测试成功，在目录‘ /android/react-native-toast-android/ ’下运行命令：
$ npm adser //增加npm用户
$ npm publish //上传react-naive-toast-android到npm上12
Step 10 - 其他开发者使用你上传到npm上的组件方法(github上的模板)
⑺ 如何在 iOS 设备上运行React Native App
如何在 iOS 设备上运行React Native App
在设备上运行需要 Apple Developer 账号 ，且需要配置你的 iPhone。本指南仅覆盖 React Native 特定的主题。
从设备访问开发服务器
你可以使用开发服务器在设备中快速迭代。要做到这一点，你的笔记本电脑和你的手机必须处于相同的 wifi 网络中。
打开 iOS / AppDelegate.m
更改 URL 中的 IP，从 Localhost 改成你的笔记本电脑的 IP
在 Xcode 中，选择你的手机作为构建目标，并按“构建和运行”
提示：晃动设备来打开开发菜单(重载、调试等)
使用离线包
你也可以将应用程序本身的所有 JavaScript 代码打包。这样你可以在开发服务器没有运行时测试它，并把应用程序提交到到 AppStore。
打开 iOS / AppDelegate.m
遵循“选项 2”的说明：
取消 jsCodeLocation =[[NSBundle mainBundle]…
在你应用程序的根目录的终端运行给定 curl 命令
Packager 支持几个选项：
dev(默认的 true)——设置了 __DEV__ 变量的值。当是 true 时，它会打开一堆有用的警告。对于产品，它建议使用 dev = false。
minify(默认的 false)——只要不通过 UglifyJS 传输 JS 代码。
故障排除
如果 curl 命令失败，确保 packager 在运行。也尝试在它的结尾添加 ——ipv4 标志。
如果你刚刚开始了你的项目，main.jsbundle 可能不会被包含到 Xcode 项目中。要想添加它,右键单击你的项目目录，然后单击“添加文件……”——选择生成的 main.jsbundle 文件。
⑻ react native中文网站文档代码示例打不开，老是显示下面的图片，这要怎么搞
您好，对于你的遇到的问题，我很高兴能为你提供帮助，我之前也遇到过哟，以下是我的个人看法，希望能帮助到你，若有错误，还望见谅！。展开全部
一、网络设置的问题
这种原因比较多出现在需要手动指定IP、网关、DNS服务器联网方式下，及使用代理服务器上网的。仔细检查计算机的网络设置。
二、DNS服务器的问题
当IE无法浏览网页时，可先尝试用IP地址来访问，如果可以访问，那么应该是DNS的问题，造成DNS的问题可能是连网时获取DNS出错或DNS服务器本身问题，这时你可以手动指定DNS服务（地址可以是你当地ISP提供的DNS服务器地址，也可以用其它地方可正常使用DNS服务器地址。）在网络的属性里进行，（控制面板—网络和拔号连接—本地连接—右键属性—TCP/IP协议—属性—使用下面的DNS服务器地址）。不同的ISP有不同的DNS地址。有时候则是路由器或网卡的问题，无法与ISP的DNS服务连接，这种情况的话，可把路由器关一会再开，或者重新设置路由器。
还有一种可能，是本地DNS缓存出现了问题。为了提高网站访问速度，系统会自动将已经访问过并获取IP地址的网站存入本地的DNS缓存里，一旦再对这个网站进行访问，则不再通过DNS服务器而直接从本地DNS缓存取出该网站的IP地址进行访问。所以，如果本地DNS缓存出现了问题，会导致网站无法访问。可以在“运行”中执行ipconfig/flushdns来重建本地DNS缓存。
三、IE浏览器本身的问题
当IE浏览器本身出现故障时，自然会影响到浏览了；或者IE被恶意修改破坏也会导致无法浏览网页。这时可以尝试用“金山毒霸安全助手”来修复。
四、网络防火墙的问题
如果网络防火墙设置不当，如安全等级过高、不小心把IE放进了阻止访问列表、错误的防火墙策略等，可尝试检查策略、降低防火墙安全等级或直接关掉试试是否恢复正常。
五、网络协议和网卡驱动的问题
IE无法浏览，有可能是网络协议（特别是TCP/IP协议）或网卡驱动损坏导致，可尝试重新网卡驱动和网络协议。
六、HOSTS文件的问题
HOSTS文件被修改，也会导致浏览的不正常，解决方法当然是清空HOSTS文件里的内容。
七、系统文件的问题
当与IE有关的系统文件被更换或损坏时，会影响到IE正常的使用，这时可使用SFC命令修复一下，WIN98系统可在“运行”中执行SFC，然后执行扫描；WIN2000/XP/2003则在“运行”中执行sfc/scannow尝试修复。
其中当只有IE无法浏览网页，而QQ可以上时，则往往由于winsock.dll、wsock32.dll或wsock.vxd（VXD只在WIN9X系统下存在）等文件损坏或丢失造成，Winsock是构成TCP/IP协议的重要组成部分，一般要重装TCP/IP协议。但xp开始集成TCP/IP协议，所以不能像98那样简单卸载后重装，可以使用netsh命令重置TCP/IP协议，使其恢复到初次安装操作系统时的状态。具体操作如下：
点击“开始运行”，在运行对话框中输入“CMD”命令，弹出命令提示符窗口，接着输入“netshintipresetc:resetlog.txt”命令后会回车即可，其中“resetlog.txt”文件是用来记录命令执行结果的日志文件，该参数选项必须指定，这里指定的日志文件的完整路径是“c:resetlog.txt”。执行此命令后的结果与删除并重新安装TCP/IP协议的效果相同。
小提示：netsh命令是一个基于命令行的脚本编写工具，你可以使用此命令配置和监视Windows系统，此外它还提供了交互式网络外壳程序接口，netsh命令的使用格式请参看帮助文件（在令提示符窗口中输入“netsh/?”即可）。
第二个解决方法是修复以上文件，WIN9X使用SFC重新提取以上文件，WIN2000/XP/2003使用sfc/scannow命令修复文件,当用sfc/scannow无法修复时，可试试网上发布的专门针对这个问题的修复工具WinSockFix。
八、ApplicationManagement服务的问题
出现只能上QQ不能开网页的情况，重新启动后就好了。不过就算重新启动，开7到8个网页后又不能开网页了，只能上QQ。有时电信往往会让你禁用ApplicationManagement服务，就能解决了。具体原因不明。
九、感染了病毒所致
这种情况往往表现在打开IE时，在IE界面的左下框里提示：正在打开网页，但老半天没响应。在任务管理器里查看进程，（进入方法，把鼠标放在任务栏上，按右键—任务管理器—进程）看看CPU的占用率如何，如果是100%，可以肯定，是感染了病毒，这时你想运行其他程序简直就是受罪。这就要查查是哪个进程贪婪地占用了CPU资源．找到后，最好把名称记录下来，然后点击结束，如果不能结束，则要启动到安全模式下把该东东删除，还要进入注册表里，（方法：开始—运行，输入regedit）在注册表对话框里，点编辑—查找，输入那个程序名，找到后，点鼠标右键删除，然后再进行几次的搜索，往往能彻底删除干净。
十、还有一种现象也需特别留意：就是能打开网站的首页，但不能打开二级链接，如果是这样，处理的方法是重新注册如下的DLL文件：
在开始—运行里输入：
regsvr32Shdocvw.dll
regsvr32Shell32.dll（注意这个命令，先不用输）
regsvr32Oleaut32.dll
regsvr32Actxprxy.dll
regsvr32Mshtml.dll
regsvr32Urlmon.dll
regsvr32Msjava.dll
regsvr32Browseui.dll
注意：每输入一条，按回车。第二个命令可以先不用输，输完这些命令后重新启动windows，如果发现无效，再重新输入一遍，这次输入第二个命令非常感谢您的耐心观看，如有帮助请采纳，祝生活愉快！谢谢！
⑼ react-native android 怎么全屏显示
Step1-新建react-native工程ReactNativeToastAndroid$react--将新建的工程导入androidstudio然后新建空library（以react-native-toast-android为library的名称）之所以要新建一个library而不在ReactNativeToastAndroid工程中写呢，主要是为了方便上传到npm及github上方便其他开发者使用，一般以react-native-xxx-android命名方便识别这是react-native组件。Step3-新建空library（以react-native-toast-android为library的名称）在library目录下的build.gradle中添加react-native的依赖//file:android/react-native-toast-android/build.gradledependencies{compile'com.facebook.react:react-native:0.16.+'}1234567Step4-继承ReactContextBaseJavaMole，大家可以很明显的发现show（）方法上多了一个‘@ReactMethod’，加上了‘@ReactMethod’的方法可以被js调用。{_SHORT_KEY="SHORT";_LONG_KEY="LONG";publicAndroidToastMole(){super(reactContext);}@OverridepublicStringgetName(){return"ToastForAndroid";}@OverridepublicMapgetConstants(){finalMapconstants=MapBuilder.newHashMap();constants.put(DURATION_SHORT_KEY,Toast.LENGTH_SHORT);constants.put(DURATION_LONG_KEY,Toast.LENGTH_LONG);returnconstants;}@ReactMethodpublicvoidshow(Stringmessage,intration){Toast.makeText(getReactApplicationContext(),message,ration).show();}}-继承ReactPackage，注意createNativeMoles（）返回的是加入了AndroidToastMole的集合，createJSMoles（）与createViewManagers（）返回的都是空集合，如果Step4步继承的是BaseViewManager或其子类，那么createViewManagers（）中返回的就是加入了BaseViewManager的集合，其他的就是空集合，一般情况createJSMoles（）的返回值都是空集合。{@(){returnArrays.asList(newAndroidToastMole(reactContext));}@OverridepublicList>createJSMoles(){returnCollections.emptyList();}@(){returnCollections.emptyList();}}-新建ToastForAndroid.js，文件位置‘android/react-native-toast-android/ToastForAndroid.js’代码如下，然后在‘android/react-native-toast-android/’下运行如下命令生成package.json文件$npminit//生成package.json文件1'usestrict';varRCTToastAndroid=require('NativeMoles').ToastForAndroid;varToastForAndroid={SHORT:RCTToastAndroid.SHORT,LONG:RCTToastAndroid.LONG,show:function(message:string,ration:number):void{RCTToastAndroid.show(message,ration);},};mole.exports=ToastForAndroid;-复制ToastForAndroid.js文件到‘/ReactNativeToastAndroid/’目录下，如下是index.android.js代码，然后运行测试'usestrict';varReact=require('react-native');var{AppRegistry,StyleSheet,Text,Dimensions,TouchableHighlight,View,}=React;//varToastForAndroid=require('react-native-toast-android');varToastForAndroid=require('./ToastForAndroid');vardeviceWidth=Dimensions.get('window').width;vardeviceHeight=Dimensions.get('window').height;=React.createClass({_onPressButton:function(){ToastForAndroid.show('点击了！',ToastAndroid.SHORT)});},render:function(){return(renderButton:function(){return(clickgotoactivity);},);}});-测试成功，在目录‘/android/react-native-toast-android/’下运行命令：$npmadser//增加npm用户$npmpublish//上传react-naive-toast-android到npm上12Step10-其他开发者使用你上传到npm上的组件方法(github上的模板)