Flutter Note

Flutter Note

Falling_Sakura HaHa

Flutter 是基于 dart 的一个跨平台框架。

dart 是与 C# 相似的面向对象编程语言。

Core concept is: Widget inside Widget.

对象嵌套对象。

变量

有以下类型的变量:

  • var:带有强类型推断
  • int
  • String
  • List
  • Map
  • double

有以下关键字:

  • const:编译时常量
  • final:运行时常量

需要有一个 main() 函数,这点与 c++ 类似。


可以通过 @override 关键字覆写方法。

匿名函数实现:

1
2
3
4
5
6
7
() {
print();
}

// equal to

() => print()

不同的是,箭头函数只可以有一行。

访问颜色需要通过 Colors 对象。

访问图标需要通过 Icons 对象。

访问图像时:

  • 如果是网页图片,使用 Image.network(url)
  • 如果是本地图片,需要先在 pubspec.yml 中添加 assets 路径,然后使用 Image.asset(path)

有以下几大主要组件:

  • Row
  • Column

这两者对应 flex 方向为行和列的容器,也有主轴和交叉轴的概念。

默认主轴方向无限长,此时如果有子元素的宽度/高度和主轴一样是 double.infinity 会报错。

交叉轴方向大小由父元素决定。

  • Center

居中元素。

  • Container

等价于 <div> 标签,可以设置颜色大小,margin、padding和各种装饰。

  • SizedBox

仅仅能设置大小的一个盒子,用于优化性能。

  • Padding

仅仅能设置 padding 的一个盒子,用于优化性能。

  • Text
  • ListTile
    • leading
    • title
    • titleColor
    • trailing
    • title
    • onTap

一个占据整行的盒子,可以设置各种样式和点击事件。

  • Title: Flutter Note
  • Author: Falling_Sakura
  • Created at : 2025-03-06 17:25:24
  • Updated at : 2025-03-07 14:54:06
  • Link: https://vercel.fallingsakura.top/7b1ef955.html
  • License: This work is licensed under CC BY-NC-SA 4.0.
Comments
On this page
Flutter Note