美文网首页flutter
2、Flutter常用Widget

2、Flutter常用Widget

作者: 彡廿 | 来源:发表于2018-08-17 10:22 被阅读265次

    一切皆为widget

    Widget是Flutter应用程序用户界面的基本构建块。每个Widget都是用户界面一部分的不可变声明。 与其他将视图、控制器、布局和其他属性分离的框架不同,Flutter具有一致的统一对象模型:widget。

    Widget可以被定义为:

    • 一个结构元素(如按钮或菜单)
    • 一个文本样式元素(如字体或颜色方案)
    • 布局的一个方面(如填充)

    Widget树

    image.png

    分层的框架

    image.png
    // main.dart文件内容
    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.blue,
          ),
          home: new Scaffold(
            appBar: new AppBar(
              title: new Text('First App')
            ),
            body: new Center(
              child: new Text('Hello world'),
            ),
          ),
        );
      }
    }
    

    MyApp是我们自定义的一个类,它继承自StatelessWidget,代表它是一个无状态的组件,UI不会发生改变。build方法是父类的一个方法,被MyApp类重写了,继承自StatelessWidget的类必须实现build方法并返回一个Widget对象。

    相关文章

      网友评论

        本文标题:2、Flutter常用Widget

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