qq_38556217的博客

1. Flutter Drawer 侧边栏在 Scaffold 组件里面传入 drawer 参数可以定义左侧边栏，传入 endDrawer 可以定义右侧边栏。侧边栏默认是隐藏的，我们可以通过手指滑动显示侧边栏，也可以通过点击按钮显示侧边栏。return Scaffold( appBar: AppBar( title: Text("Flutter App"), ), drawer: Drawer( child: Text('左侧边栏'), ), endDrawer: Drawe

1. Flutter Drawer 侧边栏在 Scaffold 组件里面传入 drawer 参数可以定义左侧边栏，传入 endDrawer 可以定义右侧边栏。侧边栏默认是隐藏的，我们可以通过手指滑动显示侧边栏，也可以通过点击按钮显示侧边栏。...

1. Flutter 中的按钮组件RaisedButton ：凸起的按钮，其实就是 Material Design 风格的 ButtonFlatButton ：扁平化的按钮OutlineButton：线框按钮IconButton ：图标按钮ButtonBar:按钮组FloatingActionButton:浮动按钮属性：属性名称值类型属性值onPressedVoidCallback ，一般接收一个方法必填参数，按下按钮时触发的回调，接收一个方法，传 nul

1. Flutter AppBar 自定义顶部按钮图标、颜色属性:属性描述leading在标题前面显示的一个控件，在首页通常显示应用的 logo；在其他界面通常显示为返回按钮title标题，通常显示为当前界面的标题文字，可以放组件actions通常使用 IconButton 来表示，可以放按钮组bottom通常放 tabBar，标题下面显示一个 Tab 导航栏backgroundColor导航背景颜色iconTheme图标样式

1. Flutter 中的路由在 Flutter 中通过 Navigator 组件管理路由导航。 并提供了管理堆栈的方法。如：Navigator.push 和 Navigator.popFlutter 中给我们提供了两种配置路由跳转的方式：1、基本路由 2、命名路由2. Flutter 中的基本路由使用比如我们现在想从 HomePage 组件跳转到 SearchPage 组件。1、需要在 HomePage 中引入 SearchPage.dart：import'../SearchPage

1. Wrap组件Wrap 可以实现流布局，单列的 Wrap 则跟 Row 无差别。但 Row 与 Column 都是单行单列的，Wrap 则突破了这个限制，mainAxis 上空 间不足时，就会向 crossAxis 上去扩展显示。属性:属性说明direction主轴的方向，默认水平alignment主轴的对其方式spacing主轴方向上的间距textDirection文本方向verticalDirection定义了 children

1. Stack组件Stack 表示堆的意思，我们可以用 Stack 或者 Stack 结合 Align 或者 Stack 结合 Positiond 来实 现页面的定位布局。属性:属性说明alignment配置所有子元素的显示位置children子组件2. Stack AlignStack 组件中结合 Align 组件可以控制每个子元素的显示位置。属性:属性说明alignment配置所有子元素的显示位置child

Padding（间距）属性:属性说明paddingpadding值,EdgeInsetss 设置填充的值child子组件代码:classLayoutDemoextendsStatelessWidget{ @override Widgetbuild(BuildContextcontext){ return Padding( padding:EdgeInsets.fromLTRB(0,0,10,0), child:GridView.

GridView 组件的常用参数当数据量很大的时候用矩阵方式排列比较清晰。此时我们可以用网格列表组件 GridView 实 现布局。常用属性:| 名称 | 类型 | 说明 ||–|--| – ||scrollDirection |Axis | 滚动||padding |EdgeInsetsGeometry | 内边距||resolve |bool| 组件反向序列化||crossAxisSpacing |double | 水平子 Widget 之间间距 ||main

Flutter 列表组件列表分类:1、垂直列表2、垂直图文列表3、水平列表4、动态列表5、矩阵式列表常用属性:名称类型说明scrollDirectionAxisAxis.horizontal 水平列表 Axis.vertical 垂直列表paddingEdgeInsetsGeometry内边距resolvebool组件反向排序childrenList列表元素Flutter基本列表:returnCenter(

Image组件主要分类：Image.asset， 本地图片Image.network， 远程图片常用属性：名称类别说明alignmentAlignment图片的对齐方式color 和 colorBlendMode设置图片的背景颜色，通常和 colorBlendMode 配合一起 使用，这样可以是图片颜色和背景色混合。上面的图片就 是进行了颜色的混合，绿色背景和图片红色的混合fitBoxfitfit 属性用来控制图片的拉伸和挤压，这都是根据父