当前位置: 首页 > 知识库问答 >
问题:

颤振:垂直文本小部件

桂丰
2023-03-14

我向上看了看这里和酒吧。dev和flatter文档,但找不到(或者找不到我的查询)这个简单任务的任何解决方案。

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

我期望的结果是:

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

此外,我还需要将字符串包装到下一行(本例中为列),需要一个高度参数来限制每列从上到下的字母数。

如果最后一部分太难实现,我愿意接受单列解决方案的想法。

共有1个答案

谭正谊
2023-03-14

截图:

代码:

// 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❤️")
 类似资料:
  • 我想知道如何在flatter中垂直和水平地将文本小部件的内容居中。我只知道如何使用将小部件本身居中,而不知道内容本身。默认情况下,它与左侧对齐。在Android中,我相信实现这一点的TextView的属性称为。 我想要的示例:

  • 我想在左边部分显示个人资料图像,中间部分显示名称和公司(一个在另一个下面),右边部分显示列表图块内的评论和评级。我能够正确显示图像,评论和评级,但文本不显示。我想实现这一点: 图片和评级之间的空白是我想要显示文本的地方(姓名和公司,一个在另一个下面)。不知道我在这里错过了什么。 下面的代码片段: 在我看来,这似乎是一个返回

  • 我很熟悉flutter中的无状态和有状态小部件,但我很好奇为什么我们不将有状态小部件定义为无状态小部件?为什么我们需要声明两个不同的类,一个用于createstate方法,一个用于实际的状态实现?

  • 我有一个RichText小部件,它显示一个类似“5:21”的时间,其中分钟以粗体显示,秒不以粗体显示。 我正在使用小部件检查工具来观察文本的边界。 RichText小部件的区域在文本的上方和下方都有大量的填充(如10dp的顶部和底部)。在水平方向上,根本没有衬垫,该区域紧贴字体边缘。使用RichText时,如何使区域紧贴字体的顶部和底部?

  • 我试图添加一些填充的顶部和底部的一些文字和图标在一个卡片小部件。我发现flutter为容器提供了一种简单的方法,但似乎找不到其他小部件的方法(除了将它们包装在容器中)。这是我目前得到的代码: 因此,在我的子列中,我想在顶部和底部添加一些填充,而不必插入新的容器。这可能吗?

  • 在Flatter引入空安全特性之前,我能够有条件地在列表中添加小部件,如下所示: 是一个自制的过滤器,可以过滤掉空对象... 现在使用空安全性是不可能的,因为小部件列表严格来说必须是非空的。什么是更好的方法?