您的位置:首页 > Web前端 > React

ReactNative学习记录(一)

2016-05-09 11:01 507 查看

前提

安装好安卓环境,下载好SDK

一:安装nodejs并配置

下载地址:https://nodejs.org/en/

配置:

cmd下输入

npm config set registry https://registry.npm.taobao.org npm config set disturl https://npm.taobao.org/dist[/code] 

二:安装和初始化ReactNative

//安装
npm install -g react-native-cli
//init
react-native init testReact


修改build.gradle和gradle-wrapper

gradle-wrapper修改gradle版本号,我这修改为:2.10的版本

distributionUrl=https\://services.gradle.org/distributions/gradle-2.10-all.zip


build.gradle:

//project下:
dependencies {
classpath 'com.android.tools.build:gradle:2.1.0'
}
//app下:
buildToolsVersion "23.0.3"
dependencies {
compile "com.android.support:appcompat-v7:23.3.0"
}


注意

appcompat-v7:23.2.0有bug,会导致Dev Setting报错退出,参考:

http://stackoverflow.com/questions/36554685/error-inflating-class-android-widget-checkbox

三:运行

//运行安卓版本
react-native run-android
//运行native服务
react-native start


在MainActivity中设置服务器地址,这样就不用在dev Setting设置那么麻烦,如果是在模拟器中,无需配置

@Override
protected void onCreate(Bundle savedInstanceState) {
PreferenceManager.getDefaultSharedPreferences(this).edit().putString("debug_http_host","192.168.1.105:8081").apply();
super.onCreate(savedInstanceState);
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: