[英]How to create a link on an image in react-native (web/android/ios)?
[英]how to make blur image on android? 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>
);
}
}
您现在可以在Image上设置blurRadius属性。
<Image
style={styles.imagen}
source={require('../../Images/bgImg.png')}
blurRadius={1}
/>
或者,您可以使用可在iOS和Android上运行的社区库,例如https://github.com/react-native-community/react-native-blur
使用属性blurRadius
增加数量可获得更多模糊的图像。
<Image
source={require('../../Images/bgImg.png')}
style={styles.imagen}
blurRadius={1}
/>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.