Flutter使用

参考：
Flutter常用的快捷键 AS
AS开发Flutter的常用快捷键

Flutter-Android studio常用快捷键总结

一、常用快捷键

option + enter回车 - 替换组件等
cmd + Space空格 - 提示组件属性

二、StatelessWidget转StatefulWidget

image.png

三、查看调试布局

image.png

一、修改嵌套

导入类的快捷键：将光标放在要导入类的上面，然后按 option + enter

给Column嵌套一个Center

image.png

二、android studio 使用flutter组件时 提示属性快捷键

1. 代码自动完成

当您输入 Column( 后，按 Ctrl + Space（Windows/Linux）或 Cmd + Space（macOS）可以打开代码自动完成窗口。这将显示 Column Widget 的构造函数和可用的参数列表。

2. 使用文档查看

• 查看 Widget 文档：
  • 将光标放在 Column 上，按 Ctrl + Q（Windows/Linux）或 Cmd + J（macOS），这将打开 Column 的文档，您可以查看详细的属性和用法。

3. 使用 Flutter Widget Catalog

您也可以访问 Flutter 的官方 Widget 目录，查看 Column 及其属性的详细信息：

• Flutter Widget Catalog

在 Widget 目录中，您可以搜索 Column，并查看其构造函数和属性的详细说明。

三、StatelessWidget和StatefulWidget

快速创建基于StatelessWidget和StatefulWidget的小部件，这两组代码块是最常见的了。

输入 stless 创建一个StatelessWidget。

image.png

输入 stful 就可以创建一个StatefulWidget

image.png