如何在Flutter中反转文本?

时间:2018-11-17 11:45:57

标签: dart flutter

任何人都可以发布一个简单的示例来反转放置在Text内的Container

这是开始代码。

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

1 个答案:

答案 0 :(得分:1)

这是执行此操作的代码

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