《React-Native系列》2、RN与native交互与数据传递

RN怎么与native交互的呢？

下面我们通过一个简单的Demo来实现：RN页面调起Native页面，Native页面选择电话本数据，将数据回传给RN展示。

首先是 Native侧

 1、MainActivity 

package com.rnandroid01;

import android.content.Intent;
import android.database.Cursor;
import android.net.Uri;
import android.provider.ContactsContract;

import com.facebook.react.ReactActivity;

public class MainActivity extends ReactActivity {

    /**
     * Returns the name of the main component registered from JavaScript.
     * This is used to schedule rendering of the component.
     */
    @Override
    protected String getMainComponentName() {
        return "RNAndroid01";
    }


    @Override
    public void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if(requestCode!=200 || resultCode!=RESULT_OK) return;
        Uri contactData = data.getData();

        Cursor cursor = managedQuery(contactData, null, null, null, null);
        cursor.moveToFirst();
        String num = getContactPhone(cursor);


        //下面的话  就是将num发送给rn侧 需要调用nativeModule对象里面的方法

        MainApplication.getMyReactPackage().myNativeModule.sendMsgToRn(num);

    }

   //这个是Native代码，与RN其实没什么关系
    private String getContactPhone(Cursor cursor) {
        // TODO Auto-generated method stub
        int phoneColumn = cursor
                .getColumnIndex(ContactsContract.Contacts.HAS_PHONE_NUMBER);
        int phoneNum = cursor.getInt(phoneColumn);
        String result = "";
        if (phoneNum > 0) {
            // 获得联系人的ID号
            int idColumn = cursor.getColumnIndex(ContactsContract.Contact