Android项目中集成React Native

发表于 2017-01-14 更新于 2025-01-02 分类于 React Native

介绍如何在一个已有的Android工程中集成React Native

阅读全文 »

React Native-flexbox

发表于 2017-01-13 更新于 2025-01-02 分类于 React Native

介绍flexbox布局的基本知识以及在React Native中的应用

阅读全文 »

React Native-启动流程分支-准备

发表于 2017-01-13 更新于 2025-01-02 分类于 React Native

RN启动流程分支-准备

为了简化分析，使用集成RN ARR的方式准备环境。方式：
https://reactnative.cn/docs/integration-with-existing-apps/

Java 层实例创建，其中核心代码如下

public class MainActivity extends AppCompatActivity implements DefaultHardwareBackBtnHandler {

    private ReactRootView mReactRootView;
    private ReactInstanceManager mReactInstanceManager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        SoLoader.init(getApplicationContext(), /* native exopackage */ false);
        super.onCreate(savedInstanceState);

        mReactRootView = new ReactRootView(this);
        mReactInstanceManager = ReactInstanceManager.builder()
                .setApplication(getApplication())
                .setCurrentActivity(this)
                .setBundleAssetName("index.android.bundle")
                .setJSMainModulePath("index")
                .addPackage(new MainReactPackage())
                .setUseDeveloperSupport(BuildConfig.DEBUG)
                .setInitialLifecycleState(LifecycleState.RESUMED)
                .build();
        mReactRootView.startReactApplication(mReactInstanceManager, "MyReactNativeApp", new Bundle());

        setContentView(mReactRootView);
    }
}