IpcLayoutAuto 自适应布局

更新时间：2021-08-27 11:07:18下载pdf

TYIpcLayoutAtuo 支持根据内容和容器的相对高度自动选择内容布局方式。

容器高度大于等于内容高度：布局水平垂直居中。
容器高度小于内容高度：滑动展示。

示图展示

IpcLayoutAuto 自适应布局

组件属性

字段名	类型	描述	默认值
containerHeight	number	容器的高度	100
containerStyle	ViewStyle	容器样式	{}
mainContentStyle	ViewStyle	内容容器样式	{}
scrollProps	object	ScrollView 支持的属性值	{}
children	Component	任何自定义的子组件	null

使用示例

import { TYIpcLayoutAtuo } from '@tuya/tuya-panel-ipc-sdk';
...

 const containerLargeHeight = 300;
 
  <View style={{ height: containerLargeHeight}} >
          <TYIpcLayoutAuto containerHeight={containerLargeHeight}>
           // 自定义children组件
           <Example />
           </TYIpcLayoutAuto>
  </View>

上一篇IpcTopBar 头部栏

下一篇PIR 被动式红外传感器组件