GVKun编程网logo

详解React Native监听Android回退按键与程序化退出应用(react native监听返回)

24

如果您对详解ReactNative监听Android回退按键与程序化退出应用和reactnative监听返回感兴趣,那么这篇文章一定是您不可错过的。我们将详细讲解详解ReactNative监听Andr

如果您对详解React Native监听Android回退按键与程序化退出应用react native监听返回感兴趣,那么这篇文章一定是您不可错过的。我们将详细讲解详解React Native监听Android回退按键与程序化退出应用的各种细节,并对react native监听返回进行深入的分析,此外还有关于Android react-native应用程序没有拾取字体、android – React-Native应用程序卡住了要求权限、android – 应用程序未在react native中注册、android-图像资源从react-native应用程序中消失的实用技巧。

本文目录一览:

详解React Native监听Android回退按键与程序化退出应用(react native监听返回)

详解React Native监听Android回退按键与程序化退出应用(react native监听返回)

详解React Native监听Android回退按键与程序化退出应用

前言

我们知道Android回退按键,会控制页面返回, 并且退出应用并非真正意义退出,仍在后台运行,所以在某些场景下需要监控android回退按键,那么在React Native中应该如何应用呢?我们具体来看看。

BackAndroid

此模块用于监听硬件的back键操作。

看下具体代码:

BackAndroid.addEventListener('hardwareBackPress',function() {
   if (!this.onMainScreen()) { 
    //代码
    return true;
   }
   return false;
});

如果监听事件中没有任何监听函数,或者监听函数的返回值不是true,则会调用默认的back键功能来退出应用。

常用的方法

static exitApp() 

执行退出应用

static addEventListener(eventName: BackPressEventName,handler: Function) 

添加监听事件

static removeEventListener(eventName: BackPressEventName,handler: Function) 

删除监听事件

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Android react-native应用程序没有拾取字体

Android react-native应用程序没有拾取字体

我试图在我的react-native应用程序中使用字体“Verveine Corp Regular”.

该字体适用于iOS版本,但不适用于Android版本.

字体是.tff格式,放在我的工作的根目录(链接在package.json中,我运行react-native链接)和里面的“android / gradle / src / main / assets / fonts”但它仍然是没有选择字体.我还多次清理并重建了应用程序.

当检查在android调试器中使用该字体的元素时,它说它正在使用该字体.但字体仍然是默认字体.

有人可以就这个问题提供一些帮助或指导吗?

谢谢!

解决方法

这就是我在项目中使用自定义字体的方式

//sampleStyle.js
import overrideStyles from ''/sampleoverridestyles'';
iconTextStyle: {
  color: ''#FFFFFF'',fontSize: 16
}

//sampleoverridestyles.ios.js
export default {
  iconTextStyle: {
    fontFamily: ''FaktSoftPro-Medium''
  }
}

//sampleoverridestyles.android.js
export default {
  iconTextStyle: {
    fontFamily: ''faktsoftpro_medium''
  }
}

因为我无法为iOS和android设置相同的字体名称,所以我已经覆盖了它,并且它有效.

android – React-Native应用程序卡住了要求权限

android – React-Native应用程序卡住了要求权限

我正在尝试在手机上安装并测试React-Native应用程序.一旦我运行react-native run- android,app就构建并安装在设备上.但是,运行应用程序只会将我带到一个屏幕,要求允许绘制其他应用程序.此权限已启用,但即使我禁用并启用它,屏幕仍然卡住,我无法访问我的应用程序.我怎么能绕过这个?

解决方法

我有同样的问题,我授予了权限,但它只会一遍又一遍地打开其他应用程序屏幕上的Draw.刚重启我的设备解决了它:/

android – 应用程序未在react native中注册

android – 应用程序未在react native中注册

Screenshot

我有一个react本机应用程序,我使用https://www.npmjs.com/package/react-native-rename更改了应用程序的包名称.之后我尝试运行该项目,但它说该应用程序未注册.我也尝试了以下步骤.

>在android studio中打开项目,确保更改包名称,并且所有文件也在同一包名中.
>尝试清理旧的gradle文件.
>卸载以前安装的应用程序版本(具有原始程序包名称的版本).

任何帮助,将不胜感激.提前致谢

解决方法:

您需要检查2个文件以确保您在那里具有相同的名称:

> index.js – >最后一行中的应用程序名称:

AppRegistry.registerComponent(‘YourAppName’,()=> App);

> app.json – >名称属性

在这两个地方,名称应该相等(区分大小写).

android-图像资源从react-native应用程序中消失

android-图像资源从react-native应用程序中消失

我有一个奇怪的问题,我无法弄清楚其原因.我有一个使用react-native-navigation创建的应用程序,正在使用react-native-navigation处理导航.问题是,从计算机上拔下设备后,添加到按钮,标签等的图像会消失.

说清楚当我连接到计算机并使用该应用程序时,我所有的按钮都有图标,但是一旦我断开与计算机的连接并打开该应用程序,每个图标都会消失.

这是我如何加载图像

 Navigation.startTabBasedApp({
tabs: [
  {
    label: 'One',
    screen: 'Screen1',
    icon: require('./images/icon1.png'),
    selectedIcon: require('./images/icon1_selected.png'),
    title: 'Screen One'
  },
  {
    label: 'Two',
    screen: 'Screen2',
    icon: require('./images/icon2.png'),
    selectedIcon: require('./images/icon2_selected.png'),
    title: 'Screen Two'
  }
]
});

在这个问题上有什么想法或帮助吗?

解决方法:

注释中纯属猜测,但事实证明react-native run-android不会自动捆绑您的资产,因为它是开发版本.如果您需要在与计算机完全断开连接的情况下测试内部版本,则可以使用–variant = release版本的内部版本进行安装,因为该版本始终会将您的资产与apk捆绑在一起.

关于详解React Native监听Android回退按键与程序化退出应用react native监听返回的问题我们已经讲解完毕,感谢您的阅读,如果还想了解更多关于Android react-native应用程序没有拾取字体、android – React-Native应用程序卡住了要求权限、android – 应用程序未在react native中注册、android-图像资源从react-native应用程序中消失等相关内容,可以在本站寻找。

本文标签: