灯具灯光预览

Last Updated on : 2021-12-16 02:26:26download

LampLightPreview

示图展示

灯具灯光预览

组件属性

字段名 类型 描述 默认值
power Bool 开关状态 true
workMode String 工作模式 ‘white’
colour Object 彩光值 { hue: 0, saturation: 1000, value: 1000 }
bright Number 白光亮度dp值 1000
temperature Number 色温dp值 0
sceneColors Number 当前情景颜色 []
temperatureMin Number 最小色温数值,用于颜色计算 2500
temperatureMax Number 最大色温数值,用于颜色计算 7500
size Number 尺寸 200
style Style 组件样式
lampPic Any 灯具图片
lightPic Any 光晕图片

使用示例

import React, { Component } from 'react';
import { View } from 'react-native';
import { LampLightPreview } from '@tuya/tuya-panel-lamp-sdk';
 
export default class Scene extends Component {
  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <LampLightPreview workMode="white" bright={800} temperature={0} />
        <LampLightPreview
          workMode="colour"
          colour={{
            hue: 180,
            saturation: 800,
            value: 1000,
          }}
        />
      </View>
    );
  }
}