BlurOverlay

最低版本: 1.4.0最后更新: 2019/9/27

组件功能

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

支持平台

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

参数

属性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} 。