APP 应用开发时遇见的陷阱

1. 内存泄漏与性能问题

问题描述：Flutter 应用在长时间运行后出现内存增长，最终导致性能下降或崩溃。

原因分析：

动画控制器未正确释放
大量图片缓存未清理

解决方案：

class MyWidget extends StatefulWidget {
  @override
  _MyWidgetState createState() => _MyWidgetState();
}

class _MyWidgetState extends State<MyWidget> with SingleTickerProviderStateMixin {
  StreamSubscription? _subscription;
  AnimationController? _controller;

  @override
  void initState() {
    super.initState();
    // 初始化动画控制器
    _controller = AnimationController(vsync: this, duration: Duration(seconds: 1));

  }

  @override
  void dispose() {
    // 取消订阅
    _subscription?.cancel();

    // 释放动画控制器
    _controller?.dispose();

    // 清理缓存的图片
    imageCache.clear();
    imageCache.clearLiveImages();

    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    // ...
  }
}

2. 适配不同屏幕尺寸的挑战

问题描述：应用在不同尺寸的设备上显示异常，布局错乱。

解决方案：

使用 MediaQuery 和布局构建器：

Widget buildResponsiveUI(BuildContext context) {
  final screenSize = MediaQuery.of(context).size;
  final isTablet = screenSize.width > 600;

  return isTablet
    ? Row(
        children: [
          Expanded(child: LeftPanel()),
          Expanded(child: RightPanel()),
        ],
      )
    : Column(
        children: [
          LeftPanel(),
          RightPanel(),
        ],
      );
}

使用 LayoutBuilder 适配不同约束：

LayoutBuilder(
  builder: (context, constraints) {
    if (constraints.maxWidth > 600) {
      return WideLayout();
    } else {
      return NarrowLayout();
    }
  },
)

3. 网络请求和错误处理

问题描述：网络请求超时、错误状态码处理不当导致应用崩溃。

解决方案：建立统一的网络层和错误处理机制：

class ApiClient {
  final dio = Dio();

  ApiClient() {
    // 配置基础URL
    dio.options.baseUrl = 'http请求地址';
    dio.options.connectTimeout = Duration(seconds: 5);
    dio.options.receiveTimeout = Duration(seconds: 10);

    // 添加拦截器处理通用错误
    dio.interceptors.add(InterceptorsWrapper(
      onError: (error, handler) {
        if (error.type == DioErrorType.connectTimeout) {
          // 处理超时错误
          return handler.resolve(Response(
            requestOptions: error.requestOptions,
            data: {'message': '网络连接超时，请检查网络'},
            statusCode: -1,
          ));
        }
        return handler.next(error);
      }
    ));
  }

  Future<T?> get<T>(String path, {Map<String, dynamic>? params}) async {
    try {
      final response = await dio.get(path, queryParameters: params);
      return response.data;
    } catch (e) {
      // 错误处理逻辑
      print('API错误: $e');
      return null;
    }
  }
}