Flutter学习

右上角DEBUG标记是否展示

  return MaterialApp(
    title: 'Flutter Demo',
    // 右上角DEBUG标记是否展示
    debugShowCheckedModeBanner: false,
    theme: ThemeData(
      colorScheme: ColorScheme.fromSeed(seedColor: const Color.fromRGBO(65, 94, 83, 1)),
      useMaterial3: true,
    ),
    home: const MyHomePage(title: 'Flutter Demo Home Page'),
  );
}

常用快捷键

1. 格式化整个文件：

   • Windows/Linux: 使用 Ctrl + Alt + L 快捷键。
   • macOS: 使用 Cmd + Alt + L 快捷键。

2. 选中代码区域进行格式化：

   • Windows/Linux: 使用 Ctrl + Alt + L 快捷键。
   • macOS: 使用 Cmd + Alt + L 快捷键。

3. 快速修复代码风格（Reformat Code）：

   • Windows/Linux: 使用 Ctrl + Alt + O 快捷键。
   • macOS: 使用 Cmd + Alt + O 快捷键。

一些常量

Color

// 透明度为 0xFF，红色值为 0x00，绿色值为 0xFF，蓝色值为 0x00
Color myColor = Color(0xFF00FF00); 
Color myColor = Colors.green;
// 红色值为 0，绿色值为 255，蓝色值为 0，透明度为 1.0
Color myColor = Color.fromRGBO(0, 255, 0, 1.0);

TextStyle 用于指定文本的样式

TextStyle( fontSize: 18.0, 
           fontWeight: FontWeight.bold,
           color: Colors.black,)

BoxDecoration 用于定义容器的装饰

BoxDecoration(
  color: Colors.blue,
  borderRadius: BorderRadius.circular(8.0),
  boxShadow: [
    BoxShadow(
      color: Colors.grey,
      offset: Offset(2.0, 2.0),
      blurRadius: 5.0,
    ),
  ],
)

EdgeInsetsGeometry 常量**：EdgeInsetsGeometry 是 EdgeInsets 的基类，可以使用它来指定一些边缘间距：

EdgeInsetsGeometry.only(top: 16.0)