Flutter——WidgetButton

Posted 2023-02-04 Jason Zhang~

RaisedButton
Material Design中的button， 一个凸起的材质矩形按钮。

• onPressed
  点击事件。
• textColor
  按钮可用时的文字颜色，尽量不要在child中指定，否则disabledTextColor会不生效。
• disabledTextColor
  按钮不可用时(onPressed: null)的文字颜色。
• color
  按钮的颜色。
• disabledColor
  按钮被禁用的时候显示的颜色。
• highlightColor
  点击或者touch控件高亮时的颜色。
• splashColor
  点击时在按钮颜色上显示水波纹的颜色。
• elevation
  按钮下面的阴影。
• child
  子控件，常用的是设置显示的Text控件文本。

实现代码如下：

import 'package:flutter/material.dart';
import 'package:flutter_demo/Login.dart';

/// 2019/6/5 created by JasonZhang
/// 类注释：
class PageThree extends StatelessWidget 
  @override
  Widget build(BuildContext context) 
    return MaterialApp(
      title: "我的信息",
      theme: ThemeData(primarySwatch: Colors.blue),
      home: Scaffold(
          appBar: AppBar(title: Text("我的信息")),
          body: Center(
            child: RaisedButton(
              // 按钮可用时的文字颜色，不要在child中指定，否则disabledTextColor会不生效
              textColor: Colors.white,
              // 按钮不可用时(onPressed: null)的文字颜色，
              disabledTextColor: Colors.white30,
              // 点击事件
              onPressed: () 
                //跳转到新的页面调用 navigator.push方法
                Navigator.push(context,
                    new MaterialPageRoute(builder: (context) => new Login()));
              ,
//              onPressed: null,
              //按钮的背景颜色
              color: Colors.blue,
              //按钮被禁用的时候显示的颜色
//              disabledColor: Colors.red,
              //点击或者touch控件高亮时的颜色
//              highlightColor: Colors.red,
              //点击时在按钮颜色上显示水波纹的颜色
              splashColor: Colors.blueAccent,
              //按钮下面的阴影
              elevation: 5,
              child: new Text("登录"),
            ),
          )),
    );