我有一个容器,我需要在其中显示条形码,我希望条形码在屏幕上尽可能宽。 现在我将字体大小设置为适合所有设备的合理大小,但这当然只是暂时的。 我该如何解决这个问题?这是我用于构建小部件的代码。
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(_title),
),
body: Container(
padding: const EdgeInsets.all(12.0),
child: Column(
children: <Widget>[
SizedBox(
width: double.infinity,
child: Text(_barcode, style: TextStyle(fontFamily: 'Code128', fontSize: 90.0))
),
Text(_barcode, style: TextStyle(fontSize: 40.0))
]
),
)
);
}
最佳答案
我相信您正在寻找的是 FittedBox
.
BoxFit 应用您想要拉伸(stretch)/缩放 child 以适应盒子的任何“适合”。它不会对文本执行纯粹的“拉伸(stretch)”,而是应该占用的空间。您不应同时指定文本的大小。
看起来像这样:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
MyAppState createState() {
return new MyAppState();
}
}
class MyAppState extends State<MyApp> {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: SafeArea(
child: Center(
child: Container(
color: Colors.blue,
width: 300.0,
height: 200.0,
child: FittedBox(
fit: BoxFit.contain,
child: Text("Whee"),
),
),
),
),
),
);
}
}
如果您想真正“拉伸(stretch)”文本(即使实际字符更宽或更高),您将不得不做一些更自定义的事情。
如果是这样,请查看 CustomPaint , CustomPainter , TextPainter ,以及 Canvas translate & scale选项。基本上,您需要创建一个扩展 CustomPainter 的类,在该类中您创建了一个 TextPainter,以特定大小将其布置,将其绘制到 Canvas 上,然后对其进行缩放以适合 CustomPainter 的实际大小(或者您是否缩放首先是 Canvas -我忘记了...)。然后你将该类的一个实例传递给 CustomPaint。
https://stackoverflow.com/questions/51674962/
相关文章:
flutter - 如何在 flutter 中仅使一行2个元素中的一个元素居中
android - Flutter Multiline 文本
flutter - 在 flutter 中使用 TabBarView 获取 'Horizontal
android - Flutter 未检测到 Android SDK
dart - 如何自动缩小文本小部件中的字体以适应最大行数?
firebase - 如何使用 Firebase 身份验证在 Flutter 中注销用户
dart - 如何从 Flutter 检查设备操作系统版本?