字符串选择器,兼容NumberSpinner(支持NumberSpinner的所有属性)
Properties:
Name | Type | Description |
---|---|---|
visible |
bool | 是否可见 |
style |
style | 开关样式,仅支持宽高 |
dataSource |
array.<string> | 数据源 |
defaultValue |
string | 默认值 |
onValueChanged |
func | 值改变的回调 |
unit |
string | 单位 默认:无 |
pickerInnerStyle.textColor |
string | 文字颜色 默认值 #000000 |
pickerInnerStyle.selectTextColor |
string | 文字选中颜色 默认值 #00aa71 |
pickerInnerStyle.selectBgColor |
string | 文字选中背景 默认值 #ffffff |
pickerInnerStyle.unitTextColor |
string | 单位字体颜色 默认值 #00aa71 |
pickerInnerStyle.lineColor |
string | 分割线颜色 默认值 #e5e5e5 |
pickerInnerStyle.fontSize |
number | 文字大小 默认值 22 |
pickerInnerStyle.selectFontSize |
number | 文字选中大小 默认值 22 |
pickerInnerStyle.unitFontSize |
number | 单位字体大小 默认值 12 |
pickerInnerStyle.rowHeight |
number | 行高 默认值 42 |
- Since:
- 10020
Example
<StringSpinner
style={{ width: 300, height: 300, backgroundColor: '#ffffff', }}
dataSource={['a', 'b', 'c', 'd']}
defaultValue={'c'}
pickerInnerStyle={{ lineColor: "#cc0000", textColor: "#ff0000", selectTextColor: "#0000FF", fontSize: 12, selectFontSize: 30, rowHeight: 70, selectBgColor: "#f5f5f5" }}
onValueChanged={(data) => { this.updateOneValue(data) }}
/>