ReactNative读取Native本地文件

1, LatticeMockModule.java 声明一个Native模块给RN提供调用

/**此类为RN提供读取配置文件的功能*/
public class LatticeMockModule extends ReactContextBaseJavaModule {
    ....
    private final static String REACT_CLASS = "LatticeMockModule";
    /**重写父类的方法*/
     public LatticeMockModule(ReactApplicationContext reactContext) {
        super(reactContext);
    }

    /**重写父类的方法*/
    @Override
    public String getName() {
        return REACT_CLASS;
    }
    ....
}

2, LatticeMockModule.java 提供读取配置的方法

    ...
    private Map<String, String> configCache = new HashMap<>();
    private final static String ASSET_PATH = "latticeConfig/";
    ...

    /** 提供给RN调用读取配置的方法
    *pageName= 页面名*/
  @ReactMethod
    public void getConfig(String pageName, Promise promise) {

        String config = configCache.get(pageName);

        Context context = getReactApplicationContext();

        if (TextUtils.isEmpty(config)) {
            config = ReadFromAsset(context, pageName);
        }
        //返回给RN处
        promise.resolve(ReactArguments.toWritableMap(config));
        configCache.put(pageName, config);

  }

  /**读取assts下的* latticeConfig/LatticeMockModule.json文件
  private String ReadFromAsset(Context context, String pageName) {
        try {
            InputStream in = context.getAssets().open(ASSET_PATH + pageName + ".json");
            BufferedReader bf = new BufferedReader(new InputStreamReader(in));
            StringBuffer sb = new StringBuffer();
            String line;
            while ((line = bf.readLine()) != null) {
                sb.append(line);
            }
            line = sb.toString();

            return line;
        } catch (IOException e) {
            e.printStackTrace();
        }
        return null;
    }

3,FReactPackage.java中注册此RN功能

public class FReactPackage extends MainReactPackage {

   ....

   @Override
    public List<NativeModule> createNativeModules(ReactApplicationContext reactApplicationContext) {

        List<NativeModule> nativeModuleList = super.createNativeModules(reactApplicationContext);
        List<NativeModule> list = new ArrayList<>();
        list.addAll(nativeModuleList);
        list.add(new LatticeMockModule(reactApplicationContext));

         return list;    

    }

  ...
 }

4, 在RN页面中调用

import  React, {Component,} from 'react'; 
const NativeModules = require('NativeModules');
const LatticeMockModule = NativeModules.LatticeMockModule;

class LatticeHomeScreen extends Component {
    //组件生命周期方法
  componentDidMount() {
       LatticeMockModule.getConfig("LatticeHomeScreen").then((config)=> {

        alert(JSON.parse(config));//读取成功        

     });

    }

}
module.exports = LatticeHomeScreen;
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值