Flutter入门基础（二）-Button

效果图

Flutter入门基础（二）-button

代码如下

import 'package:flutter/material.dart';

// 配置main函数
void main() async {
  runApp(new MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // 显示欢迎页
    WelcomePage();
    return new MaterialApp(
      title: 'title',
      home: RouteProSample(),
    );
  }
}

class RouteProSample extends StatefulWidget {
  @override
  createState() => _RouteProSampleState();
}

class _RouteProSampleState extends State {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('导航栏标题-button'),
      ),

      body: new Center(
        child: new RaisedButton(
          child: new Text(
            "flutter-button-click",
            style: new TextStyle(
              fontSize: 20.0,
              color: Colors.red,
            ),
          ),
          onPressed: () {
            print("点击了按钮");
          },
        ),
      ),
    );
  }
}

系列教程

Flutter配置for Mac -- VSCode
Flutter入门基础（一）-Label
Flutter入门基础（二）-Button
Flutter入门基础（三）-TextFile登录页
Flutter入门基础（四）-imageview
Flutter入门基础（五）-UITableView
Flutter入门基础（六）-UITableView(二)添加headerView
Flutter入门基础（七）-路由
Flutter入门基础（八）-push页面跳转

• 如有问题可添加QQ群:234812704
• 欢迎各位一块学习，提高逼格！
• 也可以添加洲洲哥的微信公众号

可以来微信公众号（洲洲哥）后台给我留言。 快来扫码关注我们吧！

公众号二维码