一、Scalfold 的 DrawerScalfold 是 Flutter MaterialApp 常用的布局 Widget,他接受一个 drawer 属性,支持配置 DrawerDrawer ...
一、TabBar 和 TabBarViewTab 标签栏的基本组成是顶部的 Tab标题和内容区域,在 Flutter 中,Material 提供了 TabBar 和 TabBarView 两个 ...
Flutter 使用 MaterialApp 构造整个应用的话,可以使用 Scalfold 作为页面的结构而 Scalfold 页面结构中,头部导航通过 appBar 指定值是 AppBar W...
一、路由表 和 命名路由之前写了一篇文章介绍了路由导航及路由传参,文章地址:http://www.ptbird.cn/admin/write-post.php?cid=3199现在无论是服务端项...
一、基本路由使用路由是页面跳转的根本,也可以称为导航跳转,Flutter 提供的是 Navigator 这个 Widget,能够使我们在不同的页面之间进行切换。Flutter 中一切都是 Wid...
一、Scalfold 页面结构之前 Flutter 基本页面结构布局 及 自定义 Widget 文件 分离 这篇文章提到了 Scalfold Widget 是用来描述页面的主结构一个 Mater...
关于 statefulWidget 基本使用可以看: http://www.ptbird.cn/flutter-stateful-widget-number-count-list-view.ht...
一、StatefulWidget 与 StatelessWidget现代化的前端框架都有一个共同的改变叫做 state,用来存储和变更状态(数据),并且变更能够反映到模板中StatefulWid...
一、应用场景前面文章介绍了通过 Column 或者 Row + Expanded Widget 来实现 flex 布局,可以参考这篇文章:http://www.ptbird.cn/flutte-...
一、列表效果主要使用的 Widget:ListViewCardAspectRatio二、 Widget 的构建1、Card + AspectRatio 组成的子项class CardItem2 ...
一、Stack Widget 和 Align Widget 实现绝对定位1、Stack WidgetHTML 中实现绝对定位使用的 absolute 属性,native 中所有的一切都是绝对定位...
一、Row WidgetRow 和 Column 也是 Flutter 使用非常多的 Widget,其中 Row 用来横向 Widget 布局,而 Column 则是用来纵向 Widget 布局...
一、说明Flutter 中列表一般有两种表现形式,一种是 ListView 的列表形式,另一种就是 GridView 的宫格列表形式。当然 GridView 不一定只能做列表,做九宫格的操作菜单...
一、介绍之前我写了一篇关于 Flutter ListView Widget 的各种花里胡哨的使用,基本上能够满足日常的 ListView 使用需求,文章地址:http://www.ptbird...
一、说明ListView 是 Flutter App 中使用非常多的滚动列表组件,页面大多数情况都是可滚动的,列表聚合图文场景下使用 ListView 的情况非常多。ListView 除了本身这...
一、Image Widget1、使用网络图片 Image.networkImage.network 支持 Flutter 加载并渲染网络图片,构造函数如下:其中 src 是 String 类型,...
一、Container WidgetContainer 是在 Flutter 中使用非常多的 Widget,作用相当于 HTML 的 div 标签,大多数的 Widget 都可以放在 Conta...
一、Flutter 基本页面结构 MaterialApp、Scalfold一个 Flutter,准确来说基于 Material 设计的 APP,是需要 MaterialApp 和 Scalfol...
一、说明之前写过 Windows 上配置 Flutter 开发 Android 的开发环境,文章地址:http://www.ptbird.cn/windows-flutter-environme...
一、环境说明windows win10 X64 没有任何 Android 开发环境和 flutter 的安装历史安装过程均连接 V.P.N 网络二、安装配置 Flutter SDK这部分可以参照...