BlurOverlay

最低版本: 1.4.0最后更新: 2020/10/21

组件功能

       高斯模糊组件。用于页面跳转时，截取上一页面内容进行模糊，作为当前页面的背景。

支持平台：

平台是否支持
豹小秘是
豹大/花瓶是
豹小秘 Mini是

参数

属性JS类型Java类型默认值必填说明最低版本
showBlurOverlaybooleanbooleanfalse否是否显示模糊背景1.4.0
hasFaceParticlebooleanboolean与全局小眼睛显示状态一致否截取的背景图中是否包含小眼睛1.4.0

方法

方法名参数JS类型Java类型必填参数说明返回值方法说明最低版本
blurViewWaitToUsehasFaceParticlebooleanbooleanno截取的背景图中是否包含小眼睛void可用于提前截取背景图，用于处理截图模糊过程过慢产生的黑屏(需注意调用时机)1.4.0

示例代码

<BlurOverlay

    style={{flex: 1, justifyContent: 'center', alignContent: 'center'}}

    showBlurOverlay={true}

    hasFaceParticle={true}

>

    <Text>BlurOverlay</Text>

</BlurOverlay>

注意

       使用此组件需要保证业务组件最外层为ReactViewGroup，即<View/>，由于RN可能会对View标签进行折叠，故需要在最外层View标签添加参数 collapsable={false} 。