iPhone 11上的SafeAreaView实现

文章/答案/技术大牛

发布

1回答

ios、react-native、safeareaview

我正在尝试添加一个SafeAreaView，这样我的图标就不会像图像中所示的那样被挤压在一起。但看起来SafeAreaView只是把内容往上推。这就是我目前的实现方式/ const BottomTabs = () => ( <DevSupport />ICON_SIZE} height={ICON_SIZE} color={co

浏览 14提问于2020-10-20得票数 1

1回答

iOS应用程序遵守iPhone X屏幕约束而不使用iOS 11 API

ios、iphone、swift、custom-controls、iphone-x

我有一个应用程序需要运行在iOS9 - 11和iPhones上，而不是X。我用XCode 9构建了它，这样它就可以获得完整的iPhone X屏幕，但我似乎无法用凹槽正确地显示它。我的应用程序使用一个自定义UI视图，它在视图的范围内绘制自己(全屏视图)。它现在就在凹槽下面画自己。我想做的是，让它像在iOS9+中使用iPhone 5+那样，但在X上画一个全屏背景，但只使用远离凹槽的区域与用户交互。这既包括顶部时的肖像，也

浏览 2提问于2017-12-18得票数 0

1回答

为什么在像素比例相同的手机上，2个元素的高度会不同？

ios、react-native、expo

我已经确认iPhone 8和iPhone 11的像素密度都是2 (Apple list of device screen sizes and pixel densities)，世博会也希望是一样的。(Expo PixelRatio docs) 但是，如果我在iPhone 8和iPhone 11上创建一个视图元素并将其高度设置为400，那么它们的大小显然是不同的。为何会是这样呢？>

浏览 26提问于2021-02-12得票数 1

1回答

如何确定iOS的React本机状态栏高度

ios、iphone、reactjs、react-native、iphone11

在我的iOS上的React Native应用程序中，我想创建一个包装状态栏的<View>。大多数地方都说它的高度应该是20px，但例如在iPhone 11上，它似乎比这个更高。我想要一个适用于所有设备的解决方案。我应该如何处理这个问题？

浏览 17提问于2020-04-23得票数 0

1回答

在react- native中，iphone X只覆盖了通知栏的一半

react-native-ios、iphone-x

早些时候它还没有达到标准，但现在我添加了对iphone X的支持，但现在只覆盖了一半的通知

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

回答已采纳

3回答

如何在React Native中设置iPhone X上的凹槽颜色

javascript、react-native、react-native-ios、iphone-x

我一直通过iOS模拟器在iPhone X上测试我的应用程序。我想知道如何将黑色凹口重新着色为与我的应用程序主题相同的颜色。如何将黑条更改为蓝色，以匹配我的主题？

浏览 0提问于2017-09-21得票数 2

2回答

如何创建一个react-native全屏模式来覆盖带有选项卡的SafeAreaView？

javascript、ios、react-native、react-navigation、react-navigation-stack

如果我有一个底部选项卡导航器，并且我在导航器中的屏幕上导航到一个模式，它将是真正的全屏(覆盖SafeAreaView)，我该怎么做？据我所知，如果我使用的是SafeAreaView，AppContainer必须在SafeAreaView中呈现。所以这使得在SafeAreaView之外使用模态变得很棘手。style={{ flex: 1, backgroundColor: 'blue' }}> <AppCont

浏览 31提问于2019-10-09得票数 1

回答已采纳

1回答

我如何判断iPhone的主指示器是否存在于xcode中？

ios、xcode

我在安全区的底部放了一个按钮。在iPhone X和更高版本的设备上，它被放置在一定的边缘上方，但是对于带有主按钮的iPhone，则将其附加到底部。因此，我只想在iPhones上设置一个单独的约束，其中包含一个home按钮，以便留下一定的空白。

浏览 4提问于2022-06-06得票数 -1

回答已采纳

1回答

React SafeAreaView不为iPhone工作

javascript、reactjs、iphone

我的应用程序没有颜色从凹槽左右，当使用iPhone水平和当我刷新网站(向下移动，然后没有颜色在肚脐上)。我试着用 return ( <<Scr

浏览 2提问于2022-09-19得票数 0

3回答

React-Native:在android上删除屏幕顶部的空格

javascript、react-native、react-native-android

我正在尝试删除iPhone和安卓系统屏幕顶部的空白，如下图所示(iPhone左，安卓右)：使用以下代码呈现：return (import {AppRegistry} from 'react-native';i

浏览 74提问于2020-03-02得票数 1

1回答

React Native应用程序iPhone11中HomeScreen上的全屏背景图像

ios、typescript、react-native

我目前正在尝试在iphone 11的登录视图上设置完整的背景图片 const Background = styled.ImageBackground` image: { } return <SafeAreaView<TextHeading text={`TestHeader`} />

浏览 22提问于2020-10-11得票数 0

1回答

SafeAreaView不能在react原生版本0.54.0中工作吗？

reactjs、react-native、react-native-ios、iphone-x

我读到facebook为iPhone X引入了新的API iPhone，我使用了react本机最新版本0.54.0，您可以看到下面的代码。但是SafeAreaView不适用于iPhone X设备。代码: return ( <Text style={[globalStyle.fontRegularLargeGet Start

浏览 0提问于2018-03-07得票数 1

2回答

react-native Modal with SafeAreaView-wrapper不起作用

react-native、react-native-ios、iphone-x

我们有一个呈现模态的FilterComponent，但在iPhone X上，它的头在状态栏中。我试着用SafeAreaView来渲染它，但似乎这不起作用： <SafeAreaView> { ...defaultModalProps }</View> </SafeAreaView>当FilterM

浏览 0提问于2018-01-31得票数 12

回答已采纳

1回答

iOS标题与iPhone11的布局重叠

ios、xcode、react-native

我有一个react原生应用程序->，我最近注意到我屏幕上的文字与iphone 10+设备上的文本重叠。如何为新设备创建安全区域？我已经尝试添加一个标记来包装我的主屏幕的stack.navigator，但到目前为止还没有成功。这是我在react原生代码或xcode中的目标吗？

浏览 17提问于2020-09-15得票数 0

1回答

SafeAreaView与本地数据库的结合

react-native、native-base

我们是否需要使用带有本地基础的react原生SafeAreaView。或者是装在集装箱里？还是只使用没有容器的SafeAreaView？<SafeAreaView> <--- is it needed?</SafeAreaView>

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

回答已采纳

2回答

不能在SafeAreaView中包装导航器

react-native、react-navigation、safeareaview

在iPhone X模拟器上运行该应用程序时，将插入凹槽和底部按钮。import { createAppContainer, createMaterialTopTabNavigator, SafeAreaView= createAppContainer(TabNavigato

浏览 3提问于2019-07-23得票数 8

回答已采纳

1回答

FlatList onRefresh不适用于SafeAreaView

ios、react-native、react-native-flatlist、safeareaview、react-safeareaview

拉到刷新会导致无休止的旋转，当应用程序在iPhone上测试时不要调用iPhone。在带有主按钮的安卓和iOS设备上，一切都如预期的那样工作。ReactNative版本: 0.58.3 return ( <<em

浏览 2提问于2019-04-15得票数 0

回答已采纳

7回答

React原生SafeAreaView背景颜色-如何为屏幕顶部和底部分配两种不同的背景颜色？

javascript、react-native、iphone-x

我使用的是React Native 0.50.1中的SafeAreaView，除了其中的一部分，它运行得很好。我给SafrAreaView分配了橙色的背景色，但是我不知道怎么把底部的不安全区域背景改成黑色。以下是代码，我包含了预期结果和实际结果。让屏幕底部变成黑色而不是橙色的最好方法是什么？ SafeAreaViewclass Main extends React.Componen

浏览 443提问于2017-12-09得票数 61

回答已采纳

1回答

SafeAreaView在屏幕上造成奇怪的间隙

javascript、ios、react-native、safeareaview

在我的React Native应用程序中，我的屏幕上开始出现一些奇怪的间隙。我已经简化了一个屏幕，所以你可以在这里看到问题： <View style={{flex: 1, backgroundColor: 'green'}}> </SafeArea

浏览 43提问于2021-05-22得票数 2

回答已采纳

3回答

React本机IOS状态栏背景

ios、react-native、statusbar

因为在StatusBar组件上应用backgroundColor属性并不适用于IOS。我需要设置SafeAreaView的背景颜色以获得我想要的效果，它工作得很好，但在iPhone X上，它将在屏幕底部具有相同的颜色。我该如何解决这个问题？

浏览 0提问于2019-01-25得票数 7

回答已采纳

点击加载更多