Javascript 在本机中使图像变暗

使本机中的图像变暗

我想要的：我想让我的图像看起来更暗，我不想用photoshop之类的工具

到目前为止的研究：一些建议是使用背景色：“rgba（0,0,0,0.5）”，但这不起作用，因为我没有使用ImageBackground。我也看到了不透明度道具的使用，但这不适用于我的场景

我得到的最接近的颜色是tintColor，但我无法用道具改变它的不透明度，RGBA也不起作用

图像：（我想让我的白色文本更加突出！）

小代码片段：

{/*图像*/}

    <View style={styles.workoutImageContainer}>
      <Image
        source={item.photo}
        resizeMode="cover"
        style={styles.workoutImage}
      />

      <View style={styles.workoutTitleContainer}>
        <Text style={styles.workoutTitle}>{item.name}</Text>
      </View>
    </View>
  </TouchableOpacity>

{item.name}

---

您可以降低图像的不透明度，并将其包装在黑色容器中

这并不是在一个照片编辑男人，你会保持明亮的白色变暗。这是普通的淡入黑色

div{
显示：内联块；
背景：黑色；
}
img{
不透明度：.6
}

---

我建议尝试应用CSS筛选规则。是我想你会想要的。我知道一些CSS规则在React Native中的支持有限

img.darker{
滤光片：亮度（50%）；
}

一开始就确保内容正确有什么错？你可以尝试使用@DrewReese之类的过滤器库。我在别处使用了该图像，我不想有同一张照片的多个版本。：）@osekmedia啊，谢谢，这太酷了！