热部署快捷键  shift+r / R

去掉const语法检查：  删除其中文字

container:类似DIV，主要用于布局

在垂直列表   ListView 宽度自适应，设定无效。可以在外面加SizedBox

在水平列表   ListView 高度自适应，设定无效

alignment

decoration

margin

padding：和内部元素间距

transform：和外部元素间距

height

width

图片

Image.asset 本地图片

Image.network 远程图片

本地图片

需要在build下新建images文件夹，并建立子文件夹 2.X  3.X ，原文件是3倍的就放在3.X

在以上三个目录同时放一份图片

在pubspec.yaml加入三行，注意-前有空格

assets必须定格

  # To add assets to your application, add an assets section, like this:
  # assets:
  #   - images/a_dot_burr.jpeg
  #   - images/a_dot_ham.jpeg
assets:
      - images/xdd1.webp
      - images/2.X/xdd1.webp
      - images/3.X/xdd1.webp

有其它图片继续放3份

图标：

1.官方图标

import 'package:flutter/material.dart';
void main() {
  runApp(const MyApp());
}
//单独抽成组件需要使用stateless,快捷直接输入
class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return  MaterialApp(
      theme: ThemeData(
        primarySwatch: Colors.yellow,
      ),
      home:Scaffold(
        appBar: AppBar(title: const Text("www.i7i8i9.com"),),
        body: const MyHomePage(),
     
      ),
    );
  }
}

class MyHomePage extends StatelessWidget {
  const MyHomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Column(
       children: const [
        SizedBox(height:20),
        Icon(Icons.home,size: 40,color:Colors.red,),
        SizedBox(height:20),
        Icon(Icons.settings),
         SizedBox(height:20),
        Icon(Icons.search),
         SizedBox(height:20),
        Icon(Icons.personal_injury_outlined),
         SizedBox(height:20),
        Icon(Icons.category,size: 40,color: Colors.pink,),
       ],

    );
  }

2.自定义图标:

    1）下载图标：在阿里图片库找到图标加入购物车，下载源代码，解压

    

json文件中还有对应字体编码，一会用到

项目下 新建fonts目录并放入

 修改pubspec.yaml

fonts:

    - family: i7i8i9font  #自己起的名字

      fonts:

        - asset: fonts/Schyler-Regular.ttf

        - asset: fonts/iconfont.ttf    #字体位置

    #       style: italic

    # - family: Trajan Pro    可以配置多个

    #   fonts: