08. 底部导航栏 navBar
BottomNavigationBar 组件 放在 Scaffold 组件中 属性作用类型items底部导航栏集合ListiconSize图标IconcurrentIndex默认选中第几个IndexonTap触发的回调函数(index){}fixedColor选中的颜色Colortype当超过三个导航栏时需要配置该类型BottomNavigatio…
07. 无状态组件和有状态组件
StatelessWidget 无状态组件 该组件里面的变量都是静态变量 (即该类中变量发生变化后视图层不会自动更新) import 'package:flutter/material.dart';​class name extends StatelessWidget {  const name({super.key});​  …
06.流式布局组件
自动换行组件 场景: 淘宝搜索框下侧的快捷标签布局 属性作用类型direction主轴方向Axisalignment主轴对齐方式WrapAlignmentspacing主轴的间距inttextDirection文本方向verticalDirection定义摆放顺序runAlignment最后一行的对齐方式runSpacing最后一行的间距child…
05. 按钮组件
属性说明类型onPressed触发时间Funchild子组件widgetstyle按钮的样式foregroundColor文本颜色ColorbackgroundColor背景颜色ColorshadowColor阴影颜色Colorpadding内边距shape按钮的形状MaterialStateProperty.all()side设置边框Materi…
04. 布局组件详解
ListView 列表组件 名称作用类型scrollDirectionAxis.horizntal 水平列表 Axis.vertical 垂直列表Axispadding内边距EdgeInsetsGeometryresolve反向排序boolchildren子集List ListView(    scrollDirection:A…
03. 组件详解 ( 1 )
Container 容器组件 名称功能alignment对齐方式decoration容器的样式调用 BoxDecoration 类margin外边距 EdgeInsets.all(10.0)padding外边距 同上transform动画属性 transform: Matrix4.rotationZ(0.2)height高度width宽度child…
02. MaterialApp & Scaffold 组件的使用方式
MaterialAPP 组件 一般作为顶层的跟组件使用,常用属性有 home title color theme routes 等 更换主题颜色 MaterialApp( theme: ThemeData(primarySwatch:Colors.red)) Scaffold 组件 相当于声明页面的组件,主要组件有 appBar 显示顶部的 App…
01. flutter 起手式
检查本地虚拟机命令flutter devices运行全部平台flutter run -d all快捷键r 热加载R 热重启P 显示网格O 切换系统平台预览模式Q 退出预览模式 项目创建 flutter 命令创建 flutter create [项目名] 日常项目开发推荐使用 Andriod Studio 创建 flutter 项目
04. 类的使用
声明类 ( 同 JS ) class Person{    String name = "zhangsan",    void getInfo(){}}var person = new Person() 默认构造函数 形式同 JS 的 Contructor class Person{    …
03.函数方法
自定义方法 返回类型 方法名 (参数){    函数体    return 返回值} 可选参数 参数也需要规范类型 type Fun (参数1,[参数2,参数3]){    // 中括号表示可选参数,标准是放在最后} 默认参数 type fun (参数1,[参数2=3,参数…