Sorry , this content is only displayed in Chinese now.

灯具灯光预览

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>
    );
  }
}