颤振-溢出的文本和剪辑居中

Question

为实现布局设计，我试图在屏幕外居中并使文本溢出（剪切）（请参见图片）。红色矩形内的剪辑不在屏幕上，应该被剪辑。

我已经能够让文本溢出屏幕：

Widget build(BuildContext context) {
    return Padding(
            padding: EdgeInsets.fromLTRB(0, 50, 0, 30),
                child: Text(
                  "DASHBOARDasdasdasdasdasdasdas",
                  overflow: TextOverflow.clip,
                  softWrap: false,
                  maxLines: 1,
                  textAlign: TextAlign.center,),

          );
}

但是我无法将文本居中：

有人对如何实现这一点有想法吗？

谢谢

Answer 1

请使用UnconstrainedBox小部件。

例如：

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: appBar,
    body: Container(
      width: MediaQuery.of(context).size.width,
      child: UnconstrainedBox(
        child: Text(
          'DASHBOARD',
          style: TextStyle(fontSize: 80.0),
          overflow: TextOverflow.visible,
          textAlign: TextAlign.center
        ),
      )
    ), //Container
  ); // Scaffold
}