Question

我在Image标签内有一个png图像。部分图像具有透明背景。在我的Android手机中它显示白色。我希望删除白色部分并使其透明。

这是我的代码 -

export default class LoginScreen extends Component {
  render() {
    return (
      <View style={styles.container}>
        <View style = {styles.topContainer}>
        <Image style = {styles.logoContainer}
        source = {require('../images/black_header.png')} />
      </View>
     </View>
    );
  }
}


const styles = StyleSheet.create({
  logoContainer: {
    resizeMode: 'contain',
    backgroundColor: "rgba(0,0,0,0)",
    width: null,
    height: 254,
  },
  container: {
    backgroundColor: "#f7f7f7"
  },
  topContainer: {
    backgroundColor: "rgba(0,0,0,0)"
  }
});

Answer 1

我不知道您是否遇到与我相同的问题，但是我遇到了类似的问题，并通过在StyleSheet.absoluteFillObject上添加logoContainer来解决。

Answer 2

写上图像style={{ position:'absolute'}}

png的透明部分显示白色颜色的图象

2 个答案: