javascript - 如何在android上制作模糊图像？ react native

Question

我需要用 React Native 在 Android 上的图像组件上做一个模糊效果， 这是可能的，或者我该怎么做？

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

Answer 1

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

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

或者您可以使用社区图书馆，例如 https://github.com/react-native-community/react-native-blur适用于 iOS 和 Android