使用VS code,
view 中选择 Command Palette,然后输入项目名字，放到指定路径
其中 main.dart 为你的代码区
1）本示例创建一个Material APP。Material是一种标准的移动端和web端的视觉设计语言。 Flutter提供了一套丰富的Material widgets。
2）main函数使用了(=>)符号, 这是Dart中单行函数或方法的简写。
3）该应用程序继承了 StatelessWidget，这将会使应用本身也成为一个widget。 在Flutter中，大多数东西都是widget，包括对齐(alignment)、填充(padding)和布局(layout)
4）Scaffold 是 Material library 中提供的一个widget, 它提供了默认的导航栏、标题和包含主屏幕widget树的body属性。widget树可以很复杂。
5）widget的主要工作是提供一个build()方法来描述如何根据其他较低级别的widget来显示自己。
6）本示例中的body的widget树中包含了一个Center widget, Center widget又包含一个 Text 子widget。 Center widget可以将其子widget树对其到屏幕中心。
2) 使用外部包(package)
在这一步中，您将开始使用一个名为english_words的开源软件包 ，其中包含数千个最常用的英文单词以及一些实用功能.
您可以 在pub.dartlang.org上找到english_words软件包以及其他许多开源软件包
1） pubspec文件管理Flutter应用程序的assets(资源，如图片、package等)。 在pubspec.yaml中，将english_words（3.1.0或更高版本）添加到依赖项列表，
3、图片资源
flutter中不支持直接拖入图片去使用，首先你需要创建一个images文件夹，文件夹与pubspec.yaml同级，将你需要的图片放到文件夹中；
编辑pubspec.yaml 文件
51，52行内容：注意必须调整格式使images 左边出现竖线才会起作用。
如果使用有状态部件创建，需要继承于StatefulWidget 和State，其中MaterialApp是自带导航栏的。
然后在ListContentDetail中构建布局。
项目总结：
2、 Container 也是一个widget，允许您自定义其子widget。如果要添加填充，边距，边框或背景色，请使用Container来设置（只有容器有这些属性），你需要将你的子部件放到container中。
2、 创建一个Text widget:
创建一个 Image widget:
创建一个 Icon widget:
3、将可见widget添加到布局widget.
所有布局widget都有一个child属性（例如Center或Container），或者一个 children属性，如果他们需要一个widget列表（例如Row，Column，ListView或Stack）。
将Text widget添加到Center widget：
4、将布局widget添加到页面.
Flutter应用本身就是一个widget，大部分widget都有一个build()方法。在应用程序的build方法中创建会在设备上显示的widget。 对于Material应用程序，您可以将Center widget直接添加到body属性中
对于非Material应用程序，您可以将Center widget添加到应用程序的build()方法中：
请注意，默认情况下，非Material应用程序不包含AppBar，标题或背景颜色。 如果您想在非Material应用程序中使用这些功能，您必须自己构建它们。此应用程序将背景颜色更改为白色，将文本更改为深灰色以模仿Material应用程序。
5.对于行（row）,主轴是水平方向，副轴是垂直方向
对于列（cloumn） 主轴是垂直方向，副轴是水平方向
网友评论