如何在android上制作模糊图像?反应母语

时间:2018-03-12 03:33:50

标签: javascript android react-native

我需要对Android上的Image组件进行模糊效果,并使用native native, 这是可能的,或者我该怎么做?

import React, { Component } from 'react';
import {
  StyleSheet,
  Text,
  View,
  Image,
} from 'react-native';

export default class Main extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Image source={require('../../Images/bgImg.png')}
        style={styles.imagen}
        />
      </View>
    );
  }
}

2 个答案:

答案 0 :(得分:3)

您现在可以在图片上设置 blurRadius 属性。

<Image
  style={styles.imagen}
  source={require('../../Images/bgImg.png')} 
  blurRadius={1}
/>

或者您可以使用适用于iOS和Android的https://github.com/react-native-community/react-native-blur社区库

答案 1 :(得分:0)

使用属性blurRadius增加数字以获得更模糊的图像。

<Image 
    source={require('../../Images/bgImg.png')}
    style={styles.imagen}
    blurRadius={1}
    />