代码之家 › 专栏 › 技术社区 › Lucas Silveira

如何在一起使用safeAreaView时移除React Native StackNavigator的内部阴影

iphone-x shadow react-native

Lucas Silveira · 技术社区 · 7 年前

我正在使用 import { SafeAreaView } from 'react-native'; 对于新的iPhone X开发,但我在这一领域得到了一个无聊的阴影。如何删除它?

// Code

import { SafeAreaView } from 'react-native';

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


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

更新: 我发现这可能与StackNavigator(headerMode:“none”)存在某种冲突。当代码中没有safeAreaView时,堆栈会正确隐藏标头。

更新2: @朱利安·马利奇,这就是我的观点。Tks公司

1 回复 | 直到 7 年前

Lucas Silveira 7 年前

我使用React导航属性解决了此问题:

卡片样式:{阴影颜色:'透明'}

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

推荐文章

Khoury · 为什么iPhone X会忽略UICollectionView的UIEdgeInsets?

6 年前

Alexa289 · 为什么我在iPhoneX模拟器的底部看到白色区域?

6 年前

Fattie · 实际上复制/提取了苹果的“iPhoneX的连续角落”?

6 年前

Lucas Silveira · 如何在一起使用safeAreaView时移除React Native StackNavigator的内部阴影

7 年前

Casey Perkins · 垂直定位UIBarButtonItem(适用于iPhone X)

7 年前

Dimitri · Ionic 3中标题后的Iphone X空格

7 年前

Mike M · 使用PhoneGap生成时iOS SDK 11错误

7 年前

dustymax · 从TrueDepth相机保存深度图像

7 年前

TechChain · 应用程序在iPhone x发布时崩溃?

7 年前

Jeremy Roberts · iPhone X-人脸ID-不需要的“输入密码”文本

7 年前