细目分类-Flutter @ i / o 2018(第一部分)

成功是从失败中走出来的,@不失热情。


一站式的Flutter资源:https://flatteredwithflutter.com/

视频 :

编程开始……

在本节中,我们将看到以上视频中重点介绍的主要属性……让我们开始吧……

  1. 窗口小部件:MaterialApp->主题属性

主题:_buildLightTheme()这是他们的自定义主题,

2. 颜色常数文件:颜色文件。

3. _buildLightTheme()函数中的添加

primaryColor:kShrinePink,

primaryTextTheme:_buildTextTheme(base.primaryTextTheme,kShrineBrown),

primaryIconTheme:base.iconTheme.copyWith(颜色:kShrineBrown),

buttonColor:kShrinePink

注意:-buildTextTheme()是演示者编写的另一个函数。 (如下所示)

4. fontFamily属性-> fontFamily: _buildTextTheme()应用中的“ Rubik”

5. LoginPage小部件

TextField更改为Theme (在_buildTextField()中),已添加

数据:Theme.of(context).copyWith(primaryColor:kShrineBrown)

6. 凸起按钮(下一步)的形状已更改:

形状:BeveledRectangleBorder(borderRadius:_borderRadius)

7. GridView更改为AsymmetricView:

正文:AsymmetricView(products:getProducts(Category.all)),

8. LoginPage的边框(用户名和密码已更改)

边框:OutlineInputBorder()

9.边界再次改变

边框:CutCornersBorder()

10.从产品显示页面中删除了AppBar,从MaterialApp主页中删除了HomePage()

11.在MaterialApp的home属性中添加了Backdrop(基本上是堆栈)

home:背景(frontPanel:HomePage(),backPanel:MenuPage())

12.在汉堡图标单击上实现了下拉菜单。

13.也可以单击AppBar上的动画。 (使用手势检测器)

14.特别提到Flutter检查器,用于检测应用程序中存在的小部件。

mainAxisAlignment:MainAxisAlignment.end

15.将imageAspectRatio更改为1.0,以使图像看起来像正方形。

I / O part1旅程的简短视频: