dart - 如何在 Flutter 中反转文本?

标签 dart flutter

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

这是起始代码。

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

最佳答案

这是执行该操作的代码

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

关于dart - 如何在 Flutter 中反转文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53350909/

相关文章:

flutter - 如何在Flutter中初始化文本字段

android - Flutter 运行(同步文件)未完成

flutter - Ink 和 GestureDetector 有什么区别?

dart - Flutter 从不同的 dart 文件访问父 Scaffold

Flutter:设置按钮高度以填充容器

flutter - Flutter/Dart-为什么我的Future返回Null?

flutter - Dart-如何让类初始化函数与构造函数一起使用?

flutter - 如何计算Flutter上两个位置之间的距离?(结果应为米)

flutter - 出现错误——类型 'SocketException' 不是类型 'widget' 的子类型

android - 由于当前屏幕上的更新,防止 Flutter Provider 重建前一屏幕中的小部件