Flutter Text 如何去除右侧空白

Question

正如你所看到的，

Text

右侧有一个空白区域，我该如何删除它。

使用

CustomPainter

可以解决这个问题，但我需要先计算文本宽度。

还有其他方法可以删除这个空白吗？

示例代码：

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
      body: Center(
        child: Row(
          children: [
            Flexible(
              child: Container(
                color: Colors.green,
                 child: Text(
                  "TEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXT",
                  style: TextStyle(fontSize: 20)
                )
              )
            )
          ],
        )
      )
      )
    );
  }
}

dartPad：https://dartpad.dev

Answer 1

只需添加

textAlign:TextAlign.center

Text("TEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXT",
                   textAlign:TextAlign.center,
                  style: TextStyle(fontSize: 20)
                )