如何防止子文本随父文本旋转?
这是我所拥有的示例代码。我不希望文本小部件与父容器一起旋转。有有效的方法吗?否则我可能必须将子 Text 包装在另一个 Transform.rotate 中并将其旋转回来。
class MyRotateContainer extends StatefulWidget {
@override
_MyRotateContainerState createState() => new _MyRotateContainerState();
}
class _MyRotateContainerState extends State<MyRotateContainer> {
@override
Widget build(BuildContext context) {
return new Transform.rotate(
angle: (30.0 * PI / 180.0),
child: new Container(
child: new Text(
'SOME TEXT',
textScaleFactor: 2.0,
),
));
}
}
最佳答案
旋转问题的解决方案非常简单。您可以添加第二个 Transform.rotate ,包装您的 Text
Widget,如下面的代码所示。我向 Container
添加了红色以显示旋转的 Container
。
class MyRotateContainer extends StatefulWidget {
@override
_MyRotateContainerState createState() => new _MyRotateContainerState();
}
class _MyRotateContainerState extends State<MyRotateContainer> {
@override
Widget build(BuildContext context) {
double angle = 30.0 * pi / 180.0;
return Transform.rotate(
angle: angle,
child: Container(
color: Colors.red,
child: Transform.rotate(
angle: -angle,
child: Text(
'SOME TEXT',
textScaleFactor: 2.0,
),
),
),
);
}
}
关于dart - Flutter 如何防止子进程与父进程轮换?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49849847/