如何在Flutter中使文本与宽度允许的一样大

我相信你要找的是FittedBox美元.

Boxfit适用于您想要拉伸/zoom 子以适合该框的任何"适合".它不会对文本执行纯粹的"拉伸"，而是应该占用的空间.您不应该同时指定文本的大小.

它看起来像这样:

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"),
              ),
            ),
          ),
        ),
      ),
    );
  }
}

如果你想真正地"拉伸"文本(即使实际的字符更宽或更高)，你必须做一些更为定制的事情.

如果是这样的话，看看CustomPaint、CustomPainter、TextPainter和Canvas、translate&；scale个选项.基本上，您需要创建一个扩展CustomPainter的类，在这个类中，您创建了一个TextPainter，以特定的大小进行布局，将其绘制到画布上，然后将其zoom 以适合CustomPainter的实际大小(或者您先zoom 画布-我忘了…).然后将该类的一个实例传递给CustomPaint.