矩形色彩组合组件

ColorRect 矩形色彩组合组件，可以通过传入的颜色对颜色进行平均分布，也可以传入百分比进行颜色的不均匀分布。

ColorRect

• 均分：

  

• 不均分：

  

• 自定义样式：

  

组件公有属性

colors属性类型

使用示例

import React, { PureComponent } from 'react';
import { View } from 'react-native';
import { ColorRect } from '@tuya/tuya-panel-lamp-sdk';
 
export default class Scene extends PureComponent {
  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        // 不均匀分布
        <ColorRect
            style={{ width: 80, height: 100 }}
            colors={[
              { color: 'green', percent: 0.14 },
              { color: 'yellow', percent: 0.26 },
              { color: 'red', percent: 0.6 },
            ]}
            onPress={() => {
              console.log('press');
            }}
          />
           // 均匀分布
         <ColorRect
            style={{ width: 80, height: 100 }}
            colors={['#E292FE', '#FFF76B']}
            onPress={() => {
              console.log('press');
            }}
          />
      </View>
    );
  }
}