白光交叉滑动条

更新时间：2021-12-16 03:49:02

WhiteCrossSlider

示图展示

组件属性

字段名	类型	描述	默认值
value	Number	当前值	{ temperature: 0, brightness: 1000 }
minBright	Number	最小亮度	10
maxBright	Number	最大亮度	1000
stepBright	Number	亮度步长	1
minTemperaure	Number	最小色温	0
maxTemperaure	Number	最大色温	1000
stepTemperaure	Number	色温步长	1
size	Number	组件尺寸	344
trackWidth	Number	轨道宽度	27
brightLabel	String	亮度标签文本	‘Brightness’
temperatureLabel	String	色温标签文本	‘Temperature’
disabled	Bool	是否禁用	false
onGrant	Func	滑动开始事件	无
onMove	Func	滑动过程事件	无
onRelease	Func	滑动结束事件	无
onChange	Func	值改变事件	无
style	Style	组件样式	无
textStyle	Style	组件文字样式	无
formatPercent	Func	格式化百分比	无

使用示例

import React, { Component } from 'react';
import { View } from 'react-native';
import { WhiteCrossSlider } from '@tuya/tuya-panel-lamp-sdk';
 
export default class Scene extends Component {
  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <WhiteCrossSlider 
          value={{ temperature: 0, brightness: 1000 }} 
          onMove={v => console.log('onMove', v)} 
         />
      </View>
    );
  }
}

上一篇音乐条

下一篇App 音乐卡片