代码之家 › 专栏 › 技术社区 › Berkay Kaan

本机基-头组件阴影不工作

native-base react-native

1

Berkay Kaan · 技术社区 · 6 年前

我在用 native-base 创建应用程序:

Header Body , Left 和 Right 元素。根据 docs ,的 shadow 不会出现。

结果截图:

我是不是错过了一些简单的东西?任何帮助都将不胜感激!

<Header style={{backgroundColor: 'white', shadowColor: 'black', shadowOpacity: 1, elevation: 4}} iosBarStyle="dark-content" androidStatusBarColor="lightgray">
 <Left>
   <Button transparent onPress={() => this.props.navigation.goBack(null)}>
      <Icon name='arrow-back' />
   </Button>
 </Left>
 <Body style={{ flex: 3 }}>
    <Title>TITLE </Title>
    <Subtitle>SUBTITLE</Subtitle>
 </Body>
 <Right></Right>
</Header>

1 回复 | 直到 6 年前

1

0

Pritish Vaidya 6 年前

看着你的 StatusBar 安卓 .

暗影道具

阴影颜色
阴影偏移
阴影半径

只为 网间网操作系统 特定平台。

因此您需要使用 elevation