@historydev

Как используя masked-view добиться эффекта как в примере с css?

Пакет который нашёл: https://www.npmjs.com/package/@react-native-masked...
Css пример за минуту:



Из примера вышло вот так, но я получаю обратный эффект:
<MaskedView maskElement={<View
            style={{
                // Transparent background because mask is based off alpha channel.
                backgroundColor: 'transparent',
                flex: 1,
                justifyContent: 'center',
                alignItems: 'center',
            }}
        >
            <View style={{
                width: 30,
                height: 30,
                backgroundColor: 'black'
            }}></View>
        </View>} style={{
            ...styles.container,
            backgroundColor: 'black',
        }}>

        </MaskedView>


Что я сделал не так и как это исправить?
  • Вопрос задан
  • 21 просмотр
Решения вопроса 1
@historydev Автор вопроса
Здесь я нашел ответ: https://github.com/react-native-masked-view/masked...

Получил его с помощью этого пакета: https://github.com/ibitcy/react-native-hole-view
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы