Flutter：如何防止RotatedBox自动向右扩展文本？

Question

我正在尝试使用 RotatedBox 创建垂直文本。小部件运行良好，文本会相应旋转，但当文本太长时，它会自动向右扩展，这不是我想要的行为。

                    RotatedBox(
                      quarterTurns: -1,
                      child: Tooltip(
                          message: "the long text message when user wants to see it",
                          child: Container(
                            width: 50,
                            child: Text("some long text that is too long to fit",
                              overflow: TextOverflow.fade,
                            ),
                          )),
                    ),

如上图所示，文本未使用溢出进行裁剪，而是向右扩展，形成尴尬的间隙。我试过向 RotatedBox 添加更多容器，不幸的是它根本没有限制它的大小。

Answer 1

我通过在 RotatedBox 外部的容器上添加高度和宽度来修复此问题

Container(
  height: 50,
  width: 20,
  child: RotatedBox(
     quarterTurns: -1,
     child: Tooltip(
       message: "the long text message when user wants to see it",
       child: Text("some long text that is too long to fit",
                   overflow: TextOverflow.fade,
  )),
 ),
),

Flutter：如何防止RotatedBox自动向右扩展文本？

Flutter: How to prevent RotatedBox from automatically expanding text to the right?

vertical-text

flutter