Flutter UI
关注
分享
扫一扫
Leonardo_Fibonacci
make it happen make it better
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
14 Flutter UI AutomaticKeepAliveClientMixin 保持页面状态
【代码】14 Flutter UI AutomaticKeepAliveClientMixin 保持页面状态。原创 2023-02-26 07:16:49 · 150 阅读 · 0 评论 -
13 Flutter UI 之 对话框
Flutter UI 之对话框。原创 2023-02-26 07:05:41 · 412 阅读 · 0 评论 -
12 Flutter UI 之 日期相关
可以使用第三方库 进行格式转换。原创 2023-02-19 12:01:45 · 439 阅读 · 0 评论 -
11 Flutter UI 之 表单组件TextFiled
flutter 表单的使用原创 2023-02-18 20:17:39 · 435 阅读 · 0 评论 -
10 Flutter UI 之 抽屉侧边栏
在scaffold 组件中 可以定义左右边栏。原创 2023-02-18 18:23:34 · 342 阅读 · 0 评论 -
9 Flutter UI 之 自定义AppBar 和顶部菜单
title: Text("登录页面"),// 背景色// 标题是否居中// 左边的leading},),// 自定义多个按钮actions: [},),},],),原创 2023-02-18 17:30:34 · 859 阅读 · 0 评论 -
8 Flutter UI 之 路由
路由就是页面的跳转，通过Navigator组件管理路由导航。其中 onGenerateRoute 为固定的写法。1 首先在main 中配置好路由。Flutter 提供了两种方式。在main 文件中统一去配置路由。2 在对应的页面写好接收的参数。在大项目中统一管理路由，原创 2023-02-18 10:37:21 · 719 阅读 · 1 评论 -
7 Flutter UI 之 自定义有状态组件 和自定义底部导航条
StatefulWidget 有状态的组件，在生命周期内组件状态可以改变。StatelessWidget 无状态的组件。原创 2023-02-17 08:05:01 · 321 阅读 · 0 评论 -
6 Flutter UI 之 AspectRatio，Card,Wrap 组件
是卡片组件块，内容可以有大多数类型的Widget 组成，Card 具有圆角和阴影，这让他看起来又立体感。根据设置调整子元素的child 的宽高比。原创 2023-02-16 14:11:34 · 258 阅读 · 0 评论 -
5 Flutter UI 页面布局 Stack
蓝色边框相对于红色的边框，放置于任何的位置，就可以实现定位布局。原创 2023-02-15 06:05:29 · 207 阅读 · 0 评论 -
4 Flutter UI 布局组件
以下是通过给图片加个padding 同时给gridView 加个paddig 实现如下效果的。里面最重要的两个属性就是child 和 padding。方法基本与Row 一样，只是主轴变为纵向的方向。该组件就是为了给Widget 加个边距。原创 2023-02-12 21:40:16 · 308 阅读 · 0 评论 -
3 Flutter UI 之 GridView 组件
第一种方式 通过gridView.Count 布局。原创 2023-02-12 06:11:47 · 414 阅读 · 0 评论 -
2 Flutter UI 之 List 组件
【代码】2Flutter UI之List组件。原创 2023-02-11 07:15:01 · 320 阅读 · 0 评论 -
1 Flutter UI Container和 Text 和图片组件
图片组件是显示图片的组件，iamge 组件有很多构造函数，常用的有两个 本地和远程图片的显示。在根文件目录，新建一个images 文件夹，然后再新建一个2.0X,3.0X的文件夹。配置pubspec.ymal 文件，声明一下添加的图片。Text 文本组件的一些属性如下。1.1 实现圆形图片。原创 2023-02-10 18:05:54 · 251 阅读 · 0 评论