美文网首页
Flutter ①《Hello Word》

Flutter ①《Hello Word》

作者: 泅渡者 | 来源:发表于2019-07-19 16:43 被阅读0次

    HelloWord

    至于Flutter的安装配置需要自己动手去研究了,我们这李直接开始学习+研究Flutter。
    下面是我们的第一个程序:

    import 'package:flutter/material.dart';
    
    void main() => runApp(new MyApp());
    
    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return new MaterialApp(
          title: 'Startup Name Generator',
          home: new Scaffold(
            appBar: new AppBar(
              title: new Text("HelloWord"),
            ),
            body: new Center(
              child: new Text("第一个程序"),
            ),
          ),
        );
      }
    }
    
    

    我估计大家都有以下几点不清楚的:
    ①“ =>” :Dart中单行函数或方法的简写。
    ②“ StatelessWidget”:flutter中万物皆组件,而这个就是无状态组件,这使得应用本身也成为一个组件。
    ③“ Scaffold”: Material library 中提供的一个widget, 它提供了默认的导航栏、标题和包含主屏幕widget树的body属性。
    ④“ build”:是根据子Widget 来渲染自己。
    ⑤“ Center”:这里是一个居中组件,该组件将万物皆组件表现的淋漓尽致,通常Center一般都是属性,这里确实组件。
    运行图:


    image.png

    相关文章

      网友评论

          本文标题:Flutter ①《Hello Word》

          本文链接:https://www.haomeiwen.com/subject/xiwtlctx.html