[译] Flutter —— 根据不同屏幕尺寸高效的适配 UI
import 'package:flutter/material.dart';
class AdaptiveText extends StatelessWidget {
final String data;
final double fontSize;
const AdaptiveText(this.data, {Key key, this.fontSize = 16}) : super(key: key);
@override
Widget build(BuildContext context) {
return Text(
data,
style: TextStyle(
fontSize: fontSize * MediaQuery.of(context).textScaleFactor,
),
);
}
}这个代码示例展示了如何使用Flutter创建一个名为AdaptiveText的无状态小部件，该小部件会根据设备的文本缩放设置来自动调整文本大小。这是一个简单的适配方案，可以根据不同设备的屏幕尺寸和文本缩放偏好进行缩放，从而提供更好的用户体验。
评论已关闭