React Native - Как сделать Blur View как iOS или Instagram?

Question

Прозрачность фона с BLUR

Можно ли размыть вид без использования фонового изображения? Я хочу показать родительский контент поверх представления размытия фона в модальном режиме.

Подобный вид этого:

Пробовал с реакции-родной-размытия:

Это фактически размывает фоновое изображение. Я хочу размыть и показать контент, который стоит за модалом.

Пробовал вместе с response-native-overlay: но без изменений.

Answer 1

Хорошо , если вы

используя выставку

тогда вы должны пойти и проверить эту ссылку здесь

иначе, если вы похожи на меня

кто любит использовать'act-native init'и хочет получить размытые представления, основанные на эффектах, тогда у меня есть это для вас!

https://github.com/voronianski/react-native-effects-view

потрясающая библиотека

было бы очень просто использовать его как

msgstr "если диалоговое окно открыто, то сделайте вид размытия ещё более простым",

Вот простой пример для базовых, как использовать!

...imports
var EffectsView = require('react-native-effects-view');

var App = React.createClass({
renderVibrant() {
    return (
        <View>
            <Text style={styles.text}>Do you feel blurry??</Text>
        </View>
    );
},

render() {
    return (
        <EffectsView 
            style={styles.view} 
            blurStyle="dark" 
            vibrantContent={this.renderVibrant()}
        >
            <Image style={styles.bg} source={require('image!bg')} />
        </EffectsView>
    );
}
});