Class ButtonScreen

examples/Button/index.tsx:23–124

})

export default class ButtonScreen extends Component<{}, any> {
  constructor (p) {
    super(p)
    this.state = {
      count: 0
    }
  }

  render () {
    return (
      <ScrollView
        style={styles.body}>
        <Text style={styles.header}>预定义样式</Text>
        <View style={styles.panel}>
          <View style={componentStyles.row}>
            <Button
              testID='btn1'
              style={[componentStyles.spacingH, componentStyles.spacingV]}
              type='default'
              size='sm'
              onPress={() => {
                this.setState({
                  count: this.state.count + 1
                })
              }}>
              默认 default
            </Button>
            <Button style={[componentStyles.spacingH, componentStyles.spacingV]} type='primary' size='sm' textColorInverse>首选项 primary</Button>
            <Button style={[componentStyles.spacingH, componentStyles.spacingV]} type='success' size='sm'>成功 success</Button>
            <Button style={[componentStyles.spacingH, componentStyles.spacingV]} type='info' size='sm'>一般信息 info</Button>
            <Button style={[componentStyles.spacingH, componentStyles.spacingV]} type='warning' size='sm'>警告 warning</Button>
            <Button style={[componentStyles.spacingH, componentStyles.spacingV]} type='danger' size='sm'>危险 danger</Button>
            <Button type='text' size='sm'>纯文本 text</Button>
          </View>
          {this.state.count ? <Text testID='text'>点击了按钮 {this.state.count}</Text> : null}
        </View>

        <Text style={styles.header}>尺寸</Text>
        <View style={styles.panel}>
          <View style={componentStyles.row}>
            <Button style={[componentStyles.spacingH, componentStyles.spacingV]} type='primary' size='lg' textColorInverse>大按钮</Button>
            <Button style={[componentStyles.spacingH, componentStyles.spacingV]} type='default' size='lg'>大按钮</Button>
          </View>
          <View style={componentStyles.row}>
            <Button style={[componentStyles.spacingH, componentStyles.spacingV]} type='primary' size='md' textColorInverse>默认尺寸</Button>
            <Button style={[componentStyles.spacingV]} type='default' size='md'>默认尺寸</Button>
          </View>

          <View style={componentStyles.row}>
            <Button style={[componentStyles.spacingH, componentStyles.spacingV]} type='primary' size='sm' textColorInverse>小按钮</Button>
            <Button style={[componentStyles.spacingH, componentStyles.spacingV]} type='default' size='sm'>小按钮</Button>
          </View>

          <Button type='primary' size='md' textColorInverse>默认尺寸拉伸</Button>
        </View>

        <Text style={styles.header}>禁用/激活状态</Text>