Flutter:垂直文本小部件

问题描述 投票:2回答:1

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

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

我想要的结果是:

H
E
L   T
L   H
O   A
    N
W   K
O   S
R   ❤️
L
D

而且,我需要将String包装到下一行(在这种情况下为列),高度参数对于限制每一列从上到下的字母数是必需的。

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

flutter dart flutter-layout
1个回答
1
投票

屏幕截图:

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❤️")
© www.soinside.com 2019 - 2024. All rights reserved.