如何在android上制作模糊图像？反应原生答案

【问题标题】：how to make blur image on android? React-native如何在android上制作模糊图像？反应原生
【发布时间】：2018-03-12 14:38:02
【问题描述】：

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

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>
    );
  }
}

【问题讨论】：

你调查过这个吗？ github.com/rexlow/react-native-blur
how to make the blur effect with react-native?的可能重复
是的，但我想寻找其他选择
这是给IOS的
您可以在视图上使用不透明度来使图像几乎不可见

标签： javascript android react-native

【解决方案1】：

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

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

或者你可以使用一个社区库，比如https://github.com/react-native-community/react-native-blur，它可以在 iOS 和 Android 上运行

【讨论】：

【解决方案2】：

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

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

【讨论】：