如何让颜色覆盖背景色？

Question

我试过rgba(156, 39, 176, 1)，但它没有覆盖它下面的颜色。 如何让紫色圆圈覆盖背景铃的一部分？

Answer 1

首先尝试在徽章上设置zIndex以使其呈现在顶部。但Android有一些zIndex问题，所以如果这不起作用，那么你必须在之后渲染它。所以你现在就拥有这个：

<View>
   <Badge>
   <Image>
</View>

你需要这样做：

<View>
   <Image>
   <Badge>
</View>

Answer 2

您可以使用react-native-icon-badge创建带有计数的通知图标符号。

<View style={styles.container}>
  <IconBadge
    MainElement={
      <View>
        <Image
          style={{width:60,height:60,margin:3}}
          source={bell}
        />
      </View>
    }
    BadgeElement={
      <Text style={{color:'#FFFFFF'}}>3</Text>
    }
    IconBadgeStyle={
      {width:30,
      height:30,
      backgroundColor: '#9c27b0'}
    }
    Hidden={this.state.BadgeCount==0}
    />
</View>