`
小桔子
  • 浏览: 23381 次
  • 性别: Icon_minigender_2
  • 来自: 贵阳
社区版块
存档分类
最新评论

React Native android 如果调不出开发菜单栏如何处理

 
阅读更多

使用魅族3调试,咋都加载不出“开发者菜单栏”,通过查看fackboo react的API 具体位置在react-native jar 包中的DevSupportManagerImpl类中showDevOptionsDialog(),对应的我们能扣出相应的方法重写一个开发者菜单



 

如何实例化 DevSupportManager接口,通过ReactInstanceManager:

 

mReactInstanceManager = ReactInstanceManager.builder()
        .setApplication(getApplication())
        .setBundleAssetName("index.android.bundle")
        .setJSMainModuleName("index.android")
        .addPackage(new MainReactPackage())
        .setUseDeveloperSupport(BuildConfig.DEBUG)
        .setInitialLifecycleState(LifecycleState.RESUMED)
        //.setUseOldBridge(true) // uncomment this line if your app crashes
        .build();
mDevSupportManager=mReactInstanceManager.getDevSupportManager();

 

1. 与RN服务交互ReloadJS

 

mDevSupportManager.handleReloadJS();

2.设置RN服务器的host以及端口号 用DevSettingsActivity ,直接启动就好,在manifest.xml记得引用Acitivty

<activity android:name="com.facebook.react.devsupport.DevSettingsActivity"/>

下面是代码中

Intent intent = new Intent();
intent.setClass(MainActivity.this, DevSettingsActivity.class);
startActivity(intent);


 

常用的就是这两个,其他的也可以对着源码自己写的

基本上不能热更新,第一先检查网络问题,手机在浏览器中输入 http://host:port能访问到RN Server 

 

再看Activity中设置的初始化打包路径设置对了没...react-native jar能不能正常引用到,这个可以在as中调试!
 

 

 

  • 大小: 86.3 KB
  • 大小: 61.8 KB
分享到:
评论

相关推荐

    Android和ReactNative混合开发Demo

    在移动应用开发领域,Android和React Native的混合开发已经成为一种常见的技术栈选择,它结合了原生应用的优势和Web开发的便利性。本教程通过"Android和React Native混合开发Demo",将详细介绍如何在Android应用中...

    react native android

    React Native Android是一个强大的框架,它允许开发者使用JavaScript和React语法来构建原生的Android和iOS应用。这个技术的出现极大地提升了跨平台开发的效率,使得开发者可以编写一次代码,然后在多个操作系统上...

    React Native跨平台移动应用开发 第一版

    移动开发标签表明本资料将涵盖如何在iOS和Android上使用React Native。开发者可以利用一套代码库来构建两个平台的应用,减少了重复工作和提高了开发效率。React Native支持热重载功能,使得开发者在调试和修改代码时...

    ReactNative和android和H5开发教程

    不错的移动开发的教程视频,有H5,ReactNative,和android的开发资料,希望能够帮助大家

    React Native Debugger reactnative可视化调试工具

    React Native Debugger是一款强大的开发工具,特别为在macOS平台上进行React和React Native应用的可视化调试而设计。它提供了丰富的功能,使开发者能够更有效地检查、调试和优化代码,尤其是在处理复杂的Redux状态...

    reactnative异常处理库

    React Native 异常处理库是专门为在React Native框架下开发的混合移动应用提供错误管理和调试支持的工具。React Native允许开发者使用JavaScript编写原生移动应用,但JavaScript代码的运行环境中可能会遇到各种错误...

    该组件用于ReactNative中获取Android原生层面的键盘响应事件

    总之,`react-native-common-keyevent`是一个为React Native应用提供Android原生键盘事件监听的组件,特别适用于Android TV应用的开发。通过使用这个组件,开发者能够在JavaScript层面上轻松处理遥控器按键,提升...

    react-native-tabbar-android

    在React Native开发中,`react-native-tabbar-android`是一个用于创建Android平台下TabBar组件的库,它使得开发者能够方便地在iOS和Android之间实现跨平台的导航和界面交互。这个库利用React Native的特性,提供了...

    React Native 跨平台移动应用开发(P364完整版) 卷1

    React Native是Facebook公司最新推出的,强大的、开源的跨平台移动应用开发框架,它能大幅减少跨平台移动应用开发的工作量,并且代码结构清晰、简单易懂。同时React Native框架采用模块化结构,使应用版本的更新迭代...

    致力于帮助Android开发者转reactnative开发

    React Native 是一个由Facebook开发的开源框架,它允许开发者使用JavaScript和React来构建原生的移动应用程序,同时支持iOS和Android平台。对于Android开发者来说,转向React Native开发意味着拓宽技能领域,利用已...

    适用于 Android 和 iOS 的 React Native NFC 模块 react-native-nfc

    为 React Native 带来 NFC 功能。灵感来自phonegap-nfc和react-native-ble-manager 该库最简单(也是最常见)的用例是读取NFC包含 的标签NDEF,可以通过以下代码实现: import React from 'react'; import {View, ...

    ReactNative跨平台开发android和ios

    ReactNative是一种由Facebook开发的开源框架,它允许开发者使用JavaScript和React库来构建原生的Android和iOS应用程序。ReactNative的核心理念是“Learn once, write anywhere”,即学习一次,到处编写,这使得...

    React Native Android Navigator的使用2

    在React Native中,Android Navigator是实现应用导航的关键组件,它允许你在不同的屏幕间进行切换,构建出具有深度和复杂性的用户界面。这篇博客"React Native Android Navigator的使用2"可能是作者对React Native ...

    为你的reactnative应用程序实现一个气泡菜单效果

    在React Native应用中,气泡菜单是一种非常独特的交互设计,它可以提供一种轻量级的、非侵入式的操作选择方式,常用于空间有限或者需要强调某一功能时。本教程将指导你如何为你的React Native应用添加一个气泡菜单...

    ReactNative开发实例带你入门reactnative开发

    React Native 是一个由Facebook开发的开源框架,它允许开发者使用JavaScript和React库来构建原生的iOS和Android应用程序。这个“ReactNative开发实例带你入门reactnative开发”的资源,显然是一个针对初学者的教程,...

    ReactNative开发的iOS和Android弹出对话框

    React Native是一种由Facebook开发的开源框架,它允许开发者使用JavaScript来构建原生的iOS和Android应用程序。这个项目“jacklam718-react-native-popup-dialog-0b79c20”显然是一个专门针对React Native的弹出...

    一个基于reactnative开发的完整项目示例

    React Native 是Facebook推出的一款用于构建原生移动应用的开源框架,它允许开发者使用JavaScript和React来构建iOS和Android应用程序。这个“RNExampleApp-master”压缩包文件很可能包含了一个完整的React Native...

    REACT NATIVE跨平台移动应用开发 第二版.zip

    React Native是Facebook推出的一款开源框架,它允许开发者使用JavaScript和React来构建原生的iOS和Android应用程序。在“React Native跨平台移动应用开发 第二版”中,我们深入探讨了这个强大的工具及其在构建高性能...

    Android项目中集成react native页面

    在Android项目中集成React Native页面是一项常见的开发任务,它允许开发者利用JavaScript和React库来创建原生移动应用的UI部分,同时保持与Android代码的交互。以下是对这个过程的详细解释: 1. **React Native简介...

Global site tag (gtag.js) - Google Analytics