通过命令创建Flutter项目
flutter create 项目名称
通过Android Studio创建工程
创建的目录结构下的lib文件夹,存放的我们编写的Flutter代码
动手编写代码
-
- import 'package:flutter/material.dart';
-
- main(List<String> args) {
- runApp(Text("Hello World", textDirection: TextDirection.ltr));
- }
StatelessWidget通常是一些没有状态(State,也可以理解成data)需要维护的Widget
material是google公司的设计风格,也可以说是设计语言和设计规范
颜色 文字的排版 响应动画与过渡 填充
Scaffold 翻译过来就是脚手架,脚手架的作用就是搭建页面的基本结构
Scaffold也有一些属性,比如appBar
和body
;
stateLessWidget 没有状态改变的widget,通常这种widget仅仅只是显示而已
StatefulWidget 需要保存状态,并且可能出现状态改变的widget
build方法什么情况下被执行呢?
1、当我们的StatelessWidget第一次被插入到Widget树中时(也就是第一次被创建时);
2、当我们的父Widget(parent widget)发生改变时,子Widget会被重新构建;
3、如果我们的Widget依赖InheritedWidget的一些数据,InheritedWidget数据发生改变时;
出现黄色的斑马线
因为在Flutter的布局中,内容是不能超出屏幕范围的,当超出时就会出现黄色斑马线的情况