flutter-development

Flutter 开发

目录

• 概述
• 适用场景
• 快速入门
• 参考指南
• 最佳实践

概述

使用 Flutter 和 Dart 语言，创建高性能、视觉效果出众的移动应用。掌握 Widget 组合、状态管理模式、导航和 API 集成。

适用场景

• 构建具备原生性能的 iOS 和 Android 应用
• 使用 Flutter 的 Widget 系统设计自定义 UI
• 实现复杂动画和视觉效果
• 借助热重载快速开发应用
• 在不同平台上打造一致的 UX

快速入门

最简可运行示例：

// pubspec.yaml
name: my_flutter_app
version: 1.0.0

dependencies:
  flutter:
    sdk: flutter
  provider: ^6.0.0
  http: ^1.1.0
  go_router: ^12.0.0

// main.dart with GoRouter navigation
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp.router(
// ... (see reference guides for full implementation)

参考指南

references/ 目录中的详细实现：

指南	内容
项目结构与导航	项目结构与导航
使用 Provider 进行状态管理	使用 Provider 进行状态管理
集成 Provider 的屏幕	集成 Provider 的屏幕

最佳实践

✅ 应该做

• 为每个 UI 元素使用 Widget
• 实现恰当的状态管理
• 尽可能使用 const 构造函数
• 在状态生命周期中释放资源
• 在多种设备尺寸上测试
• 使用有意义的 Widget 名称
• 实现错误处理
• 使用响应式设计模式
• 同时在 iOS 和 Android 上测试
• 为自定义 Widget 编写文档

❌ 不要做

• 在 build() 方法中构建整个屏幕
• 使用 setState 管理复杂状态逻辑
• 在 build() 中发起网络请求
• 忽略平台差异
• 创建嵌套过深的 Widget 树
• 硬编码字符串
• 忽略性能警告
• 跳过测试
• 忘记处理边缘情况
• 未经充分测试就部署