React native不重叠状态栏

文章/答案/技术大牛

发布

5回答

什么是安卓上的“SafeAreaView”- React本机

javascript、android、reactjs、react-native、mobile

基本上，我正在创建一个react本地应用程序，我希望我的徽标图像不与通知/状态栏重叠，并且我不想手动设置一个marginTop属性，因为通知条的大小在不同型号的手机上发生变化，我发现如果我用一个<SafeAreaView

浏览 4提问于2020-01-05得票数 7

回答已采纳

1回答

如何隐藏状态栏(响应本机/iOS)？

reactjs、react-native

我做了Hello示例，状态栏与文本重叠。我如何隐藏状态栏？import React, { Component } from 'react'; class HelloWorldApp

浏览 7提问于2017-04-11得票数 0

回答已采纳

1回答

react-native、statusbar、overlapping

我正在学习React native，但我不明白如何让一切都不与状态栏重叠。I have triedhidden

浏览 6提问于2017-08-05得票数 4

2回答

在React Native中获取软导航栏的高度

android、react-native、layout

我在React Native (Dimensions.get("window").height)中呈现相同高度的内容，但是当安卓手机有一个软导航栏时，一些内容会被隐藏起来，如下所示：在我的手机上

浏览 193提问于2021-03-06得票数 0

回答已采纳

4回答

如何在状态栏下呈现本地应用程序？

reactjs、react-native

我正在学习应用程序开发的反应本地和我的应用程序是重叠的状态栏，我的手机。如果我添加填充到顶部，那么填充将不同的手机。那么，我是否可以在状态栏下呈现应用程序呢？如有任何建议，将不胜感激。

浏览 0提问于2019-09-03得票数 0

8回答

如何让StatusBar变得透明？

android、react-native、statusbar

有谁知道用React Native使Android状态栏透明的方法吗？我也在使用react导航。

浏览 1提问于2018-09-20得票数 29

8回答

用React本机隐藏状态栏

reactjs、react-native、statusbar

在使用本机进行开发时，如何隐藏iOS或Android的状态栏？我已经导入了StatusBar，但我相信还有StatusBarIOS和安卓的StatusBar。

浏览 4提问于2016-03-23得票数 85

回答已采纳

2回答

我使用的是第三方库，它会在调用时隐藏iOS状态栏。在那之后，我就不能在屏幕上显示状态栏了。我可以通过React Native中的StatusBar组件正常控制状态栏。但是，我尝试调用一个iOS库https://www.dynamsoft.com/Products/dynamsoft-webcam-sdk.aspx，它会在显示屏幕时隐藏状态栏。在它隐藏状态栏之后，我不能使用StatusBar.setHidden(false)再次显

浏览 39提问于2019-05-29得票数 0

3回答

如何去除反应-自然或世博中的状态条高度

react-native、expo

我想移除StatusBar高度。 <View style={styles.container}>... constructor(props) { StatusBar.currentHeight = 0

浏览 0提问于2019-06-10得票数 0

回答已采纳

9回答

如何防止布局与iOS状态栏重叠

ios、react-native

我发现所有布局都从屏幕顶部开始加载，而不是在状态栏下面加载。这将导致大多数布局与状态栏重叠。我可以通过在加载视图时向视图添加一个填充来解决这个问题。这是真正的方法吗？import React, { Component } from 'react'; export

浏览 7提问于2017-03-04得票数 98

回答已采纳

1回答

反应模式中的绝对位置在不同的设备上是不一致的

react-native

我正在开发一个Reactive原住民应用程序。屏幕上有个按钮。当用户单击该按钮时，我使用Modal组件使一个小菜单在按钮旁边弹出。菜单绝对位于Modal内。按钮(也是位置:绝对值)没有这个问题。它出现在每个设备上相同的位置。

浏览 0提问于2019-01-10得票数 2

2回答

如何在视频中删除状态栏和重叠图标？

reactjs、react-native、react-native-flatlist、react-native-video

折叠是返回函数，我在其中实现了图标： <View style={{flexDirection:'row', justifyContent: 'flex-end', position:'absolute', zIndex:1}}> <Icon

浏览 4提问于2020-01-29得票数 1

回答已采纳

2回答

React本机沉浸模式

android、reactjs、react-native、react-native-android、android-immersive

我想在我的React Native应用中添加沉浸式模式(全屏，没有屏幕导航栏)。在最好的情况下，只有在横向模式下查看应用程序时才会有它。这样的话，用户将能够真正全屏观看视频。但当React Native应用程序启动时，它会回来的。有人知道怎么做吗？

浏览 9提问于2018-04-06得票数 0

1回答

react本机模式状态栏为白色，不透明

react-native、modal-dialog、expo

我将这个库用于我的模式： https://github.com/jeremybarbet/react-native-modalize 如果我打开模式，我的状态栏是白色的。我怎么才能让它变得透明呢？

浏览 19提问于2021-07-27得票数 0

2回答

React Native在android上获取正确的状态栏高度

android、react-native

我正在尝试使用React Native的StatusBar.currentHeight 获取安卓设备的状态栏高度。在像素2上，该变量是24，而实际上状态栏高度是19。有人知道在所有使用React Native的设备上获得正确状态栏高度的方法吗？

浏览 0提问于2019-05-29得票数 2

12回答

如何设置iOS状态栏背景色在反应本土化？

ios、react-native、ios7-statusbar

在react本机iOS代码中是否有我可以修改以设置iOS statusbar backgroundColor的位置？RCTRootView.m？我的目标是有一个更深的状态栏颜色。

浏览 23提问于2016-09-02得票数 101

回答已采纳

1回答

反应-本机+酶+小丑:如何测试平台的特定行为？

react-native、jestjs、enzyme、platform、platform-specific

我正在构建一个自定义状态栏组件，如果它在iOS上运行以防止我的内容与状态栏重叠，那么它将增加20个像素的高度。(是的，我知道，但这只适用于iPhone X，而不适用于iPad。)这是我的组成部分：import { StatusBar as ReactNativeStatusBar, View } from "react-nativeprops} /> <&#x

浏览 2提问于2018-08-20得票数 2

回答已采纳

2回答

如何在iOS上显示键盘后有固定的标题？

ios、reactjs、header、keyboard

这里解释了类似的问题：非常感谢你的帮助。

浏览 2提问于2019-05-22得票数 0

2回答

从反应本地项目中产生apk的麻烦？

android、reactjs、react-native

/gradlew assembleRelease时，我得到了Cannot evaluate module react-native-android-statusbar : Configuration with下面是我的settings.gradle文件，当使用--堆栈跟踪：运行它时，输出尝试了npm uninstall react-native-android-statusbar --save，然后使用npm install react-native-android-s

浏览 1提问于2018-08-05得票数 0

4回答