ExDisplay

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

组件功能:

用于大屏显示,此标签内部的内容会显示在扩展屏中。

 

支持平台

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

参数:

属性JS类型Java类型默认值必填说明最低版本
child() => ReactNode需要大屏展示的布局1.3.0
onDisplayAdded() => voidundefined大屏连接回调1.3.0
onDisplayRemoved() => voidundefined大屏断开回调1.3.0
onDisplayChanged() => voidundefined大屏连接状态变化回调1.3.0
idleImagestringstring""设置默认兜底图1.19.0
show?: () => void;undefined显示回调1.26.0
hide?: () => void;undefined隐藏回调1.26.0

示例代码:

<ExDisplay
    child={this._showView}
    onDisplayAdded={this._onDisplayAdded}
    onDisplayChanged={this._onDisplayChanged}
    onDisplayRemoved={this._onDisplayRemoved}
/>
 
private _showView = (): React.ReactChild => {
    return <View
        style={{
            width: '100%',
            height: '100%',
            backgroundColor: 'black'
        }}
    >
        <Image
            style={{
                width: '100%',
                height: '100%',
                resizeMode: 'contain'
            }}
            source={require('../../../../img/bigscreen/big_screen_default_image.png')}
        />
    </View>;
};