层叠布局 Stack Positioned 示例 层叠布局 层叠布局和Web中的绝对定位、Android中的Frame布局是相似的，子widget可以根据到父容器四个角的位置来确定本身的位置。绝对定位允许子widget堆叠（按照代码中声明的顺序）。Flutter中使用Stack和Positioned来实现绝对定位，Stack允许子widget堆...

Directions 1. Write a test that scrolls through a list of items 2. Record the performance of the app 3. Save the results to disk 4. Run the test 5. Review the results Summary ...

第1章 前端开发者是什么？ 第1章 前端开发者是什么？ 本章阐述了前端开发和前端开发者训练的基本说明。 Web前端开发，也称为客户端开发，是为网站或Web应用程序生成HTML、CSS和JavaScript的实践，以便用户可以直接看到它们并与之交互。与前端开发相关的挑战是，用于前端创建网站的工具和技术不断变化，因此开发者需要持续了解该领域是如何发展...

输入框及表单 TextField 示例：登录输入框 布局 获取输入内容 监听文本变化 控制焦点 监听焦点状态改变事件 自定义样式 表单Form Form FormField FormState 示例 输入框及表单 Material widget库中提供了丰富的输入框及表单Widget。下面我们分别介绍一下。 Tex...

Directions 1. Create a CustomScrollView 2. Use SliverAppBar to add a floating app bar 3. Add a list of items using a SliverList Complete example To make it easier for users t...

主题 ThemeData 示例 主题 Theme Widget可以为Material APP定义主题数据（ThemeData），Material组件库里很多Widget都使用了主题数据，如导航栏颜色、标题字体、Icon样式等。Theme内会使用InheritedWidget来为其子树Widget共享样式数据。 ThemeData Theme...

Exterior Example Force Fields Soft Body Field Weights Aerodynamics Goal Goal Strength Technical Details Exterior Exterior forces are applied to the vertices (and nearly ...

Directions 1. Create a Widget to test 2. Enter text in the text field 3. Ensure tapping a button adds the todo 4. Ensure swipe-to-dismiss removes the todo Complete example M...

流式布局 Wrap Flow 流式布局 Wrap 在介绍Row和Colum时，如果子widget超出屏幕范围，则会报溢出错误，如： Row ( children : < Widget >[ Text ( "xxx" * 100 ) ], ); 运行： 可以看到，右边溢出部分报错。这是因为...

Exterior Example Force Fields Soft Body Field Weights Aerodynamics Goal Goal Strength Technical Details Exterior Exterior forces are applied to the vertices (and nearly ...