在Flutter中实现多行文本小部件之类的控制台

时间:2020-10-31 13:24:19

标签: flutter flutter-web

我想创建一个Flutter(web)UI,其顶部带有一个诸如Text小部件的控制台,一个TextButton带有一个按钮,可以在下面发送命令。

命令调用后,我会将返回的输出添加到控制台(如小部件)。因此,控制台(如小部件)将是多行的,并且一旦其中的行数超过显示的行数,将具有滚动条。

enter image description here

到目前为止,我能得到的最接近的是一个文本小部件,其中的单个字符串包含换行符。

Expanded(
  child: Container(
    width: MediaQuery.of(context).size.width,
    color: Colors.black,
    child: Scrollbar(
      controller: _scrollController,
      isAlwaysShown: true,
      child: SingleChildScrollView(
        controller: _scrollController,
        scrollDirection: Axis.vertical,
        child: SelectableText(
          '1\n2\n3',
          style: TextStyle(
            color: Colors.white,
          ),
        ),
      ),
    ),
  ),
),

我不确定带有单个字符串的简单Text小部件是否正确。至少一直感觉替换整个字符串是不自然的。

0 个答案:

没有答案