How to dynamically resize text in Flutter?

在Flutter中动态调整文本大小可以通过多种方式实现。其中最常用的方法有使用 MediaQuery 来适应不同屏幕尺寸，使用 LayoutBuilder 来基于父容器的大小调整文本大小，以及利用第三方库如 flutter_screenutil。

1. 使用 MediaQuery

MediaQuery 可以根据用户设备的屏幕尺寸和用户设置来调整文本大小。示例如下：

dart
import 'package:flutter/material.dart';

class ResponsiveTextWidget extends StatelessWidget {
  final String text;

  ResponsiveTextWidget({required this.text});

  @override
  Widget build(BuildContext context) {
    double scaleFactor = MediaQuery.of(context).textScaleFactor;
    return Text(
      text,
      style: TextStyle(fontSize: 14 * scaleFactor),
    );
  }
}

在这个例子中，scaleFactor 获取的是系统设置的字体放大倍数，然后我们将这个倍数应用到我们的字体大小上，从而实现文本大小的动态调整。

2. 使用 LayoutBuilder

LayoutBuilder 可以根据父容器的大小来调整文本的大小，适用于需要根据不同容器大小调整文本的情况。示例代码如下：

dart
import 'package:flutter/material.dart';

class ResponsiveTextWidget extends StatelessWidget {
  final String text;

  ResponsiveTextWidget({required this.text});

  @override
  Widget build(BuildContext context) {
    return LayoutBuilder(
      builder: (context, constraints) {
        double fontSize = constraints.maxWidth / 20; // 基于容器宽度动态调整字体大小
        return Text(
          text,
          style: TextStyle(fontSize: fontSize),
        );
      },
    );
  }
}

3. 使用第三方库 flutter_screenutil

flutter_screenutil 是一个强大的库，专门用于Flutter应用中屏幕尺寸适配，包括字体大小的适配。首先需要在pubspec.yaml中添加依赖：

yaml
dependencies:
  flutter_screenutil: ^5.0.0+2

然后在代码中使用：

dart
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

class ResponsiveTextWidget extends StatelessWidget {
  final String text;

  ResponsiveTextWidget({required this text});

  @override
  Widget build(BuildContext context) {
    ScreenUtil.init(context, designSize: Size(360, 690)); // 初始化时设置设计稿尺寸

    return Text(
      text,
      style: TextStyle(fontSize: 14.sp), // .sp 是 ScreenUtil 提供的单位
    );
  }
}

在这个例子中，.sp 会根据设置的设计稿尺寸自动调整字体大小，以适应不同的屏幕。

这三种方法各有优缺点，选择哪种方法取决于具体项目的需求和场景。