Flutter CupertinoButton


简介

ios 风格的 button

  • 与普通的 button 一样,需要设置 text 或者 icon, 不同的是带有 fades out 效果;
  • 同时可以设置一个背景颜色;

基本用法

CupertinoButton 的一个是示例

  • 属性基本和 flatButton,raisedButton 类似

实例演示

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

/*
* Checkbox 默认按钮的实例
* index 当前checkbox 的索引值
* */
class CupertinoButtonFullDefault extends StatefulWidget {
  const CupertinoButtonFullDefault() : super();

  @override
  State<StatefulWidget> createState() => _CupertinoButtonFullDefault();
}

/*
* CupertinoButton 默认的实例,有状态
* */
class _CupertinoButtonFullDefault extends State {

  @override
  Widget build(BuildContext context) {
    return CupertinoButton(
      borderRadius: BorderRadius.all(Radius.circular(15.0)),
      onPressed: () {
        print('on Pressed!');
      },
      pressedOpacity:0.5,// 按下后的按钮不透明度
      color:CupertinoColors.inactiveGray,
      child: new Text('CupertinoButton'),
    );
  }
}