react-native – 如何在同时使用safeAreaView时删除React Native

发布时间：2020-12-15 05:06:43 所属栏目：百科来源：网络整理

导读：我正在使用来自’react-native’的import {SafeAreaView};对于新的iPhone X开发,但我在该区域内得到一个无聊的阴影.我该如何删除它？ The image is here // Codeimport { SafeAreaView } from 'react-native';SafeAreaView style={styles.safeArea} .../Safe

我正在使用来自’react-native’的import {SafeAreaView};对于新的iPhone X开发,但我在该区域内得到一个无聊的阴影.我该如何删除它？

The image is here

// Code

import { SafeAreaView } from 'react-native';

<SafeAreaView style={styles.safeArea}>
 ...
</SafeAreaView>


// Style
safeArea: {
  flex: 1,backgroundColor: colors.background,},

更新：我发现可能与StackNavigator存在某种冲突(使用headerMode：’none’).当我的代码中没有safeAreaView时,堆栈会正确隐藏标题.

更新2：@Julien Malige,这就是我的观点. TKS

我使用React Navigation属性解决了这个问题：

cardStyle: { shadowColor: ‘transparent’ }

const Routes = StackNavigator({
  Identify: { screen: IdentifyRoutes },{
  headerMode: 'none',cardStyle: { shadowColor: 'transparent' },});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!