Возможно ли сделать blur заднего фона в React Native на Android?

Question

Мне нужно сделать такой задний фон при открытии модального окна, возможно ли сделать это в React Native для Android устройств?

Answer 1

Я нашел решение, нужно использовать experimentalBlurMethod="dimezisBlurView" из expo-blur, вот пример кода:

import { View, Modal, TouchableOpacity, StyleSheet, Text } from "react-native";
import { Ionicons } from "@expo/vector-icons";
import { BlurView } from "expo-blur"; 


export const CustomModal = ({}) => {
    return (
        <Modal transparent visible={visible} animationType="fade">
            <BlurView
                style={styles.overlay}
                intensity={10} 
                experimentalBlurMethod="dimezisBlurView"
            >
                ...
                контент модального окна
            </BlurView>
        </Modal>
    );
};

(P.S. как заявляется в документации, возможны баги или артефакты)

БЛОГ НА HUSL

Возможно ли сделать blur заднего фона в React Native на Android?

Ответы (1 шт):