Flutter WEB 如何为文本溢出创建文本滚动（水平）？答案

【问题标题】：Flutter WEB How to create text scroll(horizontal) for text-overflow?Flutter WEB 如何为文本溢出创建文本滚动（水平）？
【发布时间】：2022-08-05 10:50:14
【问题描述】：

我正在创建一张卡片。该卡有 2 行文本小部件。此文本溢出。我尝试将 SingleChildScrollView 与 Axis 一起使用。垂直的。它适用于移动设备和网络。但是水平不适用于网络。（我需要横向使用）

下面的代码适用于移动应用程序，但不适用于网络。

代码：

Container(
    width: 100,
    height: 50,
    child: Column(
      children: [
        Expanded(
          flex: 1,
          child: SingleChildScrollView(
            scrollDirection: Axis.horizontal,
            child: Text(
              \"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\"
            ),
          ),
        ),
        Expanded(
          flex: 1,
          child: SingleChildScrollView(
            scrollDirection: Axis.horizontal,
            child: Text(
                \"BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB\"
            ),
          ),
        ),
      ],
    ),
  )

标签： flutter-web

【解决方案1】：

只需在SingleChildScrollView 中使用Row。

SingleChildScrollView(scrollDirection: Axis.horizontal, child: Row(children: [Text("...")]))

【讨论】：