Flutter事例计算器详解

最新推荐文章于 2024-07-16 21:34:16 发布

我脾气呢

最新推荐文章于 2024-07-16 21:34:16 发布

阅读量547

点赞数

文章标签： flutter

本文链接：https://blog.csdn.net/qq_45690359/article/details/109724535

版权

初学Flutter 看到一个计算器案例有点弄不明白花了点时间去了解清楚

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      theme: new ThemeData(
        // 主色调
        primarySwatch: Colors.red,
      ),
      // 将title传递到MyHomePage实例中
      home: new MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}
//表示一个有状态的组件
class MyHomePage extends StatefulWidget {
  //{}表示两个可选的命名参数  key具有类型的名字Key title具有字段类型的名称 this.title使用传递的值
  // ：super 一个分隔符 用于指定构造函数
  // key ： key 将参数传递给命名函数
  MyHomePage({Key key, this.title}) : super(key: key);
  // 定义字符串title 不能为null
  final String title;
//  函数重新定义
  @override
//  创建_MyHomePageState实例
  _MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  // 定义一个_counter状态 数字类型