name | title | route |
---|---|---|
Radio |
单选框 |
/components/Radio |
单选框组件。
import { Radio } from 'beeshell';
import { Radio } from 'beeshell/dist/components/Radio';
import { Radio } from 'beeshell'
<Radio
value={this.state.value}
onChange={(value) => {
this.setState({
value
})
}}>
<Radio.Item label='选项一' value={1} />
<Radio.Item label='选项二' value={2} />
<Radio.Item label='选项三' value={3} />
</Radio>
Name | Type | Required | Default | Description |
---|---|---|---|---|
style | ViewStyle | false | {} | 样式 |
iconPosition | string | false | 'left' | 图标位置,支持 'left' 'right' |
checkedIcon | ReactElement | false | <Icon type='check' /> |
选中的图标 |
uncheckedIcon | ReactElement | false | <View /> |
未选中的图标 |
value | any | false | null | 选中的值,与 Radio.Item 的 value 属性对应 |
onChange | Function | false | null | 值变化的回调 |
children | ReactChild/ReactChild[] | false | null | 子元素 |
Name | Type | Required | Default | Description |
---|---|---|---|---|
style | ViewStyle | false | {} | 单选项样式 |
label | string | true | '选项' | 选项文案 |
value | any | true | null | 选项值 |
disabled | boolean | false | false | 禁用选项 |
renderItem | Function | false | null | 自定义渲染项 |