Flutter - RaisedButton class

Flutter 的 RaisedButton widget 可以用來做按鈕的呈現。

其建構子如下：

RaisedButton({Key key, @required VoidCallback onPressed, ValueChanged<bool> onHighlightChanged, ButtonTextTheme textTheme, Color textColor, Color disabledTextColor, Color color, Color disabledColor, Color highlightColor, Color splashColor, Brightness colorBrightness, double elevation: 2.0, double highlightElevation: 8.0, double disabledElevation: 0.0, EdgeInsetsGeometry padding, ShapeBorder shape, Duration animationDuration: kThemeChangeDuration, Widget child })

屬性如下：

方法如下：

RaisedButton 元件需在 MaterialApp 下使用，所以會要建立 MaterialApp，然後將 RaisedButton 元件塞給 MaterialApp 的 home 屬性。

RaisedButton 使用上要設定 onPressed 屬性，指定按鈕按下後要觸發的動作，color 屬性可設定按鈕的顏色，child 屬性則是設定按鈕上的標籤。

import 'package:flutter/material.dart';

void main() {
  runApp(
    new MaterialApp(
      home: new RaisedButton(
          onPressed: () {},
          color: Colors.blue,
          child: new Text(
            'RaisedButton',
            style: new TextStyle(color: Colors.white)
          )
      )
    )
  );
}

highlightColor 屬性可設定按鈕按下的顏色。

import 'package:flutter/material.dart';

void main() {
  runApp(
    new MaterialApp(
      home: new RaisedButton(
        onPressed: () {},
        color: Colors.blue,
        child: new Text(
          'RaisedButton', 
          style: new TextStyle(color: Colors.white)
        ),
        highlightColor: Colors.green,
      )
    )
  );
}

Link

• RaisedButton class - material library - Dart API

• Flutter