Flutter:如何翻转图标以获得镜像效果?

问题描述 投票:0回答:3

我想把这个重播素材图标翻转一下,这样就可以当转发了

当前图标:

要求的结果:

flutter flutter-layout
3个回答
171
投票

之前


之后

import 'dart:math' as math; // import this

Transform(
  alignment: Alignment.center,
  transform: Matrix4.rotationY(math.pi),
  child: Icon(Icons.rotate_left, size: 100,),
)

57
投票

接受的答案有效,但要添加我的两分钱,您可以使用以下内容:

Transform.scale(
  scaleX: -1,
  child: Icon(
    Icons.rotate_left, 
    size: 100,
  ),
)

相同的效果,但没有

import
声明或任何明确的矩阵规范


0
投票

只需添加从右到左的文本方向

Icon(
  Icons.reply_outlined,
  textDirection: TextDirection.rtl,
)
© www.soinside.com 2019 - 2024. All rights reserved.