• 我的第一个flutter程序


    环境搭建好了之后,终于可以开始flutter的学习,废话少说先开始‘Hello World’。

     创建好flutter项目之后,打开设备模拟器

    打开之后

    准备ok,开始编码

    ------------------------------------------这是分割线--------------------------------------------

    mian.dart

    // Material Design设计风格的基础包
    import 'package:flutter/material.dart';
    
    // 入口程序
    void main() => runApp(MyApp());
    
    // main fun
    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        // TODO: implement build
        return MaterialApp (
          title: 'title',
          theme: new ThemeData(  //创建主题
            brightness: Brightness.light,  //整体亮度
            primaryColor: Colors.lightGreen[600],  //主要部分的背景色
            accentColor: Colors.orange, // 前景色
          ),
          home: Scaffold(
            appBar: AppBar(
              title: Text(
                'おはようございます',
                style: new TextStyle( // 样式
                    color: Colors.purpleAccent, //color
                    fontSize: 14  // size
                ),
              ),
            ),
            body: Center(
              child: Text(
                '今日はいい天気だよね',
                style: new TextStyle(
                    color: Colors.orange,
                    fontSize: 12
                ),
              ),
            ),
          ),
        );
      }
    }

    点击运行,运行成功之后

    ------------------------------------------这是分割线--------------------------------------------

    // Material Design设计风格的基础包
    import 'package:flutter/material.dart';
    import 'package:flutter/foundation.dart';
    // 入口程序
    void main() => runApp(MyApp());
    
    // main fun
    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        // TODO: implement build
        final appName = 'TOKYO-HOT';
        return new MaterialApp(
          title: appName,
          theme: new ThemeData(
            brightness: Brightness.light,
            primaryColor: Colors.purpleAccent,
            accentColor: Colors.red,
          ),
          home: new MyHomePage(
            title: appName
          )
        );
      }
    }
    
    class MyHomePage extends StatelessWidget {
    
      final String title;
      MyHomePage({Key key, @required this.title}) : super(key: key);
    
      @override
      Widget build(BuildContext context) {
        // TODO: implement build
    
        return new Scaffold(
          appBar: new AppBar(
            title: new Text(title),
          ),
          body: new Center(
            child: new Container(
              // 获取主题的accentColor
              color: Theme.of(context).accentColor,
              child: new Text(
                "I'm red",
    //          style: Theme.of(context).textTheme.title,
                style: new TextStyle(
                    color:  Colors.white
                )
              ),
            )
            ),
          floatingActionButton: new Theme(
              data: Theme.of(context).copyWith(accentColor: Colors.grey),
              child: new FloatingActionButton(
                onPressed: printa,
                child: new Icon(Icons.computer),
              )
    
          ),
    
        );
      }
    }
    
    void printa() {
      print(1);
      print('xxxxx');
    }

  • 相关阅读:
    Python --- pyinstaller --- 打包成exe并更换图标
    习惯用OneNote记录
    Python+Pycharm安装教程
    VSCode安装教程
    python+selenium基础篇,三种等待方式,显示、隐式、强制等待
    python+selenium基础篇,键盘操作
    MySql慢查询
    python之读取excel实例演示
    python异常的信息
    python接口自动化之读取excel表的数据(使用openpyxl模块)
  • 原文地址:https://www.cnblogs.com/shuangzikun/p/taotao_flutter_01.html
Copyright © 2020-2023  润新知