flutter 处理文字溢出并自动缩小的问题

在 Flutter 中,你可以使用 FittedBoxAutoSizeText 等组件来处理文字溢出并自动缩小的问题。

使用 FittedBox

FittedBox 是一个简单的组件,它可以自动调整子组件的大小,使其适应可用的空间。你可以将 FittedBox 包装在一个 Text 组件周围,以确保文本在溢出时自动缩小。

Dart 复制代码
import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Text Resize Example'),
        ),
        body: Center(
          child: FittedBox(
            fit: BoxFit.scaleDown,
            child: Text(
              'Your long text goes here...',
              style: TextStyle(fontSize: 20.0),
            ),
          ),
        ),
      ),
    );
  }
}
相关推荐
愚者Pro1 小时前
Flutter Widget组件学习(专为 Uniapp 转 Flutter 定制)
vue.js·学习·flutter·uni-app
Flynt4 小时前
升级Flutter 3.44,我踩了HCPP和AGP 9的坑
android·flutter·dart
程序员老刘5 小时前
Flutter 3.44 更新要点:很重要但暂时先别升级
flutter·ai编程·客户端
程序员老刘·8 小时前
Flutter版本选择指南:3.44惊艳发布但需观望 | 2026年5月
flutter·ai编程·跨平台开发·客户端开发
●VON8 小时前
鸿蒙Flutter实战:Emoji心情选择器组件
flutter·华为·harmonyos
●VON9 小时前
鸿蒙Flutter实战:列表延时错峰入场动画
flutter·华为·harmonyos
测试开发-学习笔记11 小时前
从0开始搭建自动化(二)-flutter
运维·flutter·自动化
●VON11 小时前
鸿蒙Flutter实战:零依赖手写日历热力图
flutter·华为·harmonyos
雪铃儿11 小时前
改一张图等三天审核:flutter_patcher 0.1.3 给资源热更也开了口子
android·flutter
●VON12 小时前
鸿蒙Flutter实战:从零手写滑动操作组件替代Dismissible
flutter·华为·harmonyos