android RN配置

 

RN   bundle android集成步骤

 

 

前提:

配置RN环境

保证工程  compileSdkVersion  23

targetSdkVersion    23

 

 

 

1、npm init           

完成后工程会生成package.json文件

 

2、npm install --save react [email protected]     (指定react native 版本0.48.3)

完成后工程生成node_modules;可在react-native/android/com/facebook/react/react-native 查看

 

3、app的build.gradle文件添加依赖

   compile "com.facebook.react:react-native:+"

   工程的build.gradle文件添加

maven{url "$rootDir/node_modules/react-native/android"}

build完成后在External Libraries 确认react-native版本

4、app的Application implements ReactApplication。

参考下面代码:

public class MainApplication extends Application implements ReactApplication {

    private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {

        @Override

        public boolean getUseDeveloperSupport() {

            return BuildConfig.DEBUG;

        }

 

        @Override

        protected List<ReactPackage> getPackages() {

            return Arrays.<ReactPackage>asList(

                    new MainReactPackage()

            );

        }

 

    };

 

    @Override

    public ReactNativeHost getReactNativeHost() {

        return mReactNativeHost;

    }

 

    @Override

    public void onCreate() {

        super.onCreate();

        SoLoader.init(this,false);

    }

}

 

5、创建一个Activity extends ReactActivity 并在manifest注册

 

//对应JS端暴露出来的模组名称

    @Override

    protected String getMainComponentName() {

        return "eningSupplier";

}

 

将index.android.bundle文件放到src/main/assets

将图片放到drawable

猜你喜欢

转载自blog.csdn.net/www5256246/article/details/81330177
RN