我想创建一个Flutter(web)UI,其顶部带有一个诸如Text小部件的控制台,一个TextButton带有一个按钮,可以在下面发送命令。
命令调用后,我会将返回的输出添加到控制台(如小部件)。因此,控制台(如小部件)将是多行的,并且一旦其中的行数超过显示的行数,将具有滚动条。
到目前为止,我能得到的最接近的是一个文本小部件,其中的单个字符串包含换行符。
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小部件是否正确。至少一直感觉替换整个字符串是不自然的。