How to invert a text in Flutter?

Admin 1
Viewed 1596

Can anyone post a simple example of inverting a Text placed inside a Container.

Here is the starting code. 

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

Above code shows following output:

enter image description here

What I want it to look like is :

enter image description here

dart flutter
1 Answers

This is the code to do that 

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