Flutter 按钮组件

Flutter 按钮组件(CupertinoButton)，CupertinoButton展示iOS风格的按钮，可以响应按下事件，并且按下时会带一个触摸的效果。常用属性如下所示：

示例代码如下：

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'CupertinoButton组件示例',
      home: Scaffold(
        appBar: AppBar(
          title: Text('CupertinoButton组件示例'),
        ),
        body: Center(
          // Cupertino风格按钮
          child: CupertinoButton(
              child: Text(          //按钮label
                'CupertinoButton',
              ),
              color: Colors.blue, //按钮颜色
              onPressed: (){},     //按下事件回调
          ),
        ),
      ),
    );
  }
}

上述示例代码的视图展现大致如图所示，当按下图中按钮后，会触发事件回调onPressed方法。

酷客教程相关文章：

• Flutter 对话框组件
• Flutter 加载指示器组件
• Flutter 卡片组件
• Flutter 文本框组件