如何在Flutter中反转文本?

4

有人能提供一个简单的示例,演示如何反转放置在容器中的文本吗?

以下是起始代码。

Widget _myWidget() {
  return Container(
    height: 100.0,
    color: Colors.orange,
    child: Center(child: Text("GO", style: TextStyle(fontSize: 70.0)),),
  );
}

以下代码显示以下输出:

enter image description here

我希望它看起来像这样:

enter image description here


Transform - pskink
是的,我尝试过了,但它的行为非常奇怪。您能否发布从我的代码开始的代码?我记得您在使用Transform时回答了我的关于scaleX和scaleY的问题,我在那里使用了y = -1.0,但这也导致视图超出了屏幕。 - user6274128
1个回答

7
这是实现此操作的代码。
    import 'dart:math';
    class FlipedText extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return Material(
        child: Transform(
          transform:Matrix4.rotationX(pi),
          alignment: Alignment.center,

          child: Container(
            height: 100.0,
            color: Colors.orange,
            child: Center(child: Text("GO", style: TextStyle(fontSize: 70.0)),),
          ),
        ),
      );
    }
  }

运行得非常顺利 :) - user6274128

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接