Реагируйте нативность с Expo Blurview на Android - Постоянное наложение ⇐ Javascript

[Anonymous]

Я разрабатываю нативное приложение React, используя Expo и испытываю проблемы с компонентом, который я создал, чтобы показать загрузчик с использованием Expo Blurview. < /p>
в основном, когда я добавляю экспериментальный Blurmethod = "dimezisblurview «Чтобы проверить на Android, прозрачное наложение покрывает весь экран, в то время как темно -серые цвета выглядят как светло -серый. Кроме этого, все работает, как и ожидалось, когда состояние загрузки верно, компонент появляется с размытым, единственным недостатком является это наложение, покрывающее весь экран. < /P>
Я пробовал: < /p>

Условный рендеринг < /li>
Регулировка интенсивности Blurview < /li>
Добавление Pointerevents = "none" < /li>
< /ul>
Ожидаемое поведение: < /p>

Появится нагрузка на размытие < /li> Наложение полностью исчезает при загрузке false < /li>
< /ul>

Код: Выделить всё

import React from 'react';
import { View, ActivityIndicator, StyleSheet } from 'react-native';
import { BlurView } from 'expo-blur';
import Colors from '@/constants/Colors';

const LoadingOverlay = ({ loading }: { loading?: boolean }) => {
if (!loading) return null;

return (







);
};

const styles = StyleSheet.create({
container: {
...StyleSheet.absoluteFillObject,
zIndex: 999,
},
blurView: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
loadingBox: {
backgroundColor: Colors.WHITE,
padding: 20,
borderRadius: 20,
},
});

export default LoadingOverlay;

Может ли кто -нибудь помочь решить эту проблему по рендерингу?>

Подробнее здесь: https://stackoverflow.com/questions/794 ... nt-overlay