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


代码:

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(),
    body: Container(
      height: 300, // set height accordingly
      padding: EdgeInsets.symmetric(horizontal: 12),
      child: _verticalWidget("HELLO WORLD THANKS❤️"),
    )
  );
}

_verticalWidget(String message) {
  return Wrap(
    runSpacing: 30,
    direction: Axis.vertical,
    alignment: WrapAlignment.center,
    children: message.split("").map((string) => Text(string, style: TextStyle(fontSize: 22))).toList(),
  );
}
© www.soinside.com 2019 - 2024. All rights reserved.