Flutter:垂直文本小部件

时间:2019-10-09 19:13:37

标签: flutter dart flutter-layout

我在这里查找pub.dev和flutter文档,但找不到(或无法用词表达我的查询)此简单任务的任何解决方案。

我想显示一个:id,其字母从上到下,同时保持默认的字母方向。因此,旋转后的String将不起作用。

我想要的结果是这样

Text()

此外,我需要将H E L T L H O A N W K O S R ❤️ L D 包装到下一行(在本例中为列),必须使用height参数来限制每一列从上到下的字母数。

如果最后一部分太难实现了,那么我欢迎单列解决方案的想法。

1 个答案:

答案 0 :(得分:3)

截屏:

enter image description here


代码:

// Create a custom widget like this
class MyVerticalText extends StatelessWidget {
  final String text;

  const MyVerticalText(this.text);

  @override
  Widget build(BuildContext context) {
    return Wrap(
      runSpacing: 30,
      direction: Axis.vertical,
      alignment: WrapAlignment.center,
      children: text.split("").map((string) => Text(string, style: TextStyle(fontSize: 22))).toList(),
    );
  }
}

并像这样使用它:

MyVerticalText("HELLO WORLD THANKS❤️")