zoukankan      html  css  js  c++  java
  • Flutter学习简记

    StatefulWidget和StatelessWidget

    • StatefulWidget : 具有可变状态的窗口部件,也就是你在使用应用的时候就可以随时变化,比如我们常见的进度条,随着进度不断变化。
    • StatelessWidget:不可变状态窗口部件,也就是你在使用时不可以改变,比如固定的文字(写上后就在那里了,死也不会变了)。

    lutter中一切皆widget,这和RN中一切皆组件的思想很类似,因此在学习Flutter中,我们必须首先来了解Flutter的widget.下面先从最基本的MaterialApp和Scaffold开始了解

    1 MaterialApp
    一个封装了很多Android MD设计所必须要的组件的小部件,一般作为顶层widget使用。

    继承关系
    Inheritance
    Object->Diagnosticable ->DiagnosticableTree ->Widget ->StatefulWidget ->MaterialApp

    一般与以下widget一起使用
    Scaffold: Material Design布局结构的基本实现。此类提供了用于显示drawer、snackbar和底部sheet的API。
    Navigator,用于管理应用程序的页面堆栈。
    MaterialPageRoute,它定义以特定于材料的方式转换的应用页面。
    WidgetsApp,它定义基本的app元素但不依赖于材质库。

    一般来说,在Flutter中,我们如果遵循MD设计时,顶层的Widget一般是MaterialApp,这里面我们可以指定主题样式,以便应用与APP整个页面中

    2 Scaffold
    Material Design布局结构的基本实现。此类提供了用于显示drawer、snackbar和底部sheet的API。
    简单来说,Scanold就是一个提供MD设计中基本布局的widget,包括最上面的appBar,body,以及下部的drawer,snackbar等

    继承关系
    Object –>Diagnosticable ->DiagnosticableTree ->Widget ->StatefulWidget ->Scaffold

    常用元素
    appBar 标题栏
    backgroundColor 背景色
    body 内容区

  • 相关阅读:
    华南师范大学应用数学考研真题
    scoped引起的deep与>>>改变elementUI的样式
    7.mogodb索引
    JS的undefined与null,==与===的区别
    vue上传图片到七牛云的思路与实现
    JS用正则处理文件名
    JS使用正则匹配字符串去掉多余符号
    6.mongoDB更新操作
    SSL证书相关之后缀名笔记
    vue一些常用的语法
  • 原文地址:https://www.cnblogs.com/aibabel/p/11385655.html
Copyright © 2011-2022 走看看