标签: flutter

9 篇文章

thumbnail
Flutter实战——轻量级笔记应用
前两天受GitHub上的一个项目memos的启发,决定写一个笔记应用来练练手,检验以下flutter学习成果! 页面设计: 主页(展示标题和笔记列表) 设置页(没做) 关于页(几行字) 笔记详细展示页(标题及内容) 编辑/添加页 开始: 首先先写GetX的部分。明确要做的功能:添加/删除/编辑笔记,程序打开时读取本地存储,笔记发生修改时存储到本地。…
thumbnail
Flutter学习笔记08:Wrap
Wrap是flutter里面的流排列组件,例如各大APP的搜索历史排列。 Wrap( children: [ const Chip(label: Text(Chip)), const SizedBox(width: 10), const Chip( label: Text(Chip), avatar: Icon(Icons.add), ), con…
thumbnail
Flutter学习笔记07:按钮
四种常用按钮:普通/文字/外框/悬浮/图标 ElevatedButton(onPressed: () {}, child: const Text(Elevated Button)), const SizedBox(height: 10), TextButton(onPressed: () {}, child: const Text(Text But…
thumbnail
Flutter学习笔记06:动态网格
网格GridView: count方法: GridView.count( crossAxisCount: 2,//列数 children: const [ Icon(Icons.ac_unit), Icon(Icons.airport_shuttle), Icon(Icons.all_inclusive), Icon(Icons.beach_acc…
thumbnail
Flutter学习笔记05:动态列表
构造动态列表的方式: 定义全局列表: List l = [ { 'name': '雪', 'avatar': 'https://avatars.githubusercontent.com/u/42002296?v=4', }, { 'name': &…
thumbnail
Dart/Flutter学习笔记04
这篇比较水。 目前对Flutter布局的基本认知: 最外层:路由(还没学hh) 对于一个MaterialUI页面,可以包含Header,Bottom(或者叫Footer?),Body,侧边栏 五种最重要的容器:Container(单个容器),Column(垂直排列容器),Row(水平排列容器),以及列表/网格。Column+Row互相无限嵌套,形成…
thumbnail
Dart/Flutter学习笔记03
这几天写Flutter,函数内设置属性,属性里套着构造函数,慢慢有点习惯面向对象的思维了。 细碎笔记: class MyButton extends StatelessWidget { const MyButton({super.key}); @override Widget build(BuildContext context) { return…
thumbnail
Dart/Flutter学习笔记02(初试Flutter)
Dart语法学了一点点,详见学习笔记01 。感觉Dart的语法和C++非常相似,于是迫不及待地直接去看Flutter,语法问题就遇到再学啦。 这边以Android Studio开发环境为例! 首先第一步当然是下载FlutterSDK!(详见flutter.dev),而后在Android Studio中安装Dart以及Flutter插件,便可以使用生…
thumbnail
Dart/Flutter学习笔记01
今日习得:数据类型/分支/循环 数据类型: int,double,String,list,Maps,bool 格式化输出例: import 'dart:io'; void main() { int a=1; String s=My age=; print($s$a\n);//格式化输出 } 数组: 定义可改长度的(stl vec…