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

Question

[historydev]

Пакет который нашёл: 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>

Что я сделал не так и как это исправить?

Answer 1

[historydev]

Здесь я нашел ответ: https://github.com/react-native-masked-view/masked...

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