在React Native的默认模式中模糊

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

const App = () => {
  return (
    <ImageBackground
      source={require('./background.jpg')}
      style={styles.backgroundImage}
      blurRadius={10} // 设置模糊半径
    >
      <View style={styles.container}>
        <Text style={styles.text}>Hello, React Native!</Text>
      </View>
    </ImageBackground>
  );
};

const styles = StyleSheet.create({
  backgroundImage: {
    flex: 1,
    resizeMode: 'cover',
    justifyContent: 'center',
    alignItems: 'center',
  },
  container: {
    backgroundColor: 'rgba(0, 0, 0, 0.5)', // 设置半透明背景
    padding: 20,
  },
  text: {
    color: 'white',
    fontSize: 24,
  },
});

export default App;