在 Flutter 中,你可以使用 FittedBox
或 AutoSizeText
等组件来处理文字溢出并自动缩小的问题。
使用 FittedBox
:
FittedBox
是一个简单的组件,它可以自动调整子组件的大小,使其适应可用的空间。你可以将 FittedBox
包装在一个 Text
组件周围,以确保文本在溢出时自动缩小。
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),
),
),
),
),
);
}
}