ExDisplay
最低版本: 1.3.0最后更新: 2020/10/21组件功能:
用于大屏显示,此标签内部的内容会显示在扩展屏中。
支持平台:
平台 | 是否支持 |
豹小秘 | 否 |
豹大/花瓶 | 是 |
豹小秘 Mini | 否 |
参数:
属性 | JS类型 | Java类型 | 默认值 | 必填 | 说明 | 最低版本 |
child | () => ReactNode | 无 | 无 | 是 | 需要大屏展示的布局 | 1.3.0 |
onDisplayAdded | () => void | 无 | undefined | 否 | 大屏连接回调 | 1.3.0 |
onDisplayRemoved | () => void | 无 | undefined | 否 | 大屏断开回调 | 1.3.0 |
onDisplayChanged | () => void | 无 | undefined | 否 | 大屏连接状态变化回调 | 1.3.0 |
idleImage | string | string | "" | 否 | 设置默认兜底图 | 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>;
};