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

举报
坚果派 发表于 2021/08/31 12:49:07 2021/08/31
【摘要】 任何人都可以张贴一个简单的示例来反转放置在Text内的Container。这是开始代码。Widget _myWidget() { return Container( height: 100.0, color: Colors.orange, child: Center(child: Text("GO", style: TextStyle(fontSize: 70.0)),)...

任何人都可以张贴一个简单的示例来反转放置在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


最佳答案

这是这样做的代码

    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)),),
          ),
        ),
      );
    }
  }
【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。