为Text Widget创建类似InputDecoration和OutlineInputBorder的东西

Question

我想实现一个文本小部件，其标签的工作方式与下面的TextField类似。 （我不希望我可以向Text Widget输入值。TextWidget仅用于显示文本。）有人可以教我这个吗？

• 如果值为”（空字符串），则在框中显示“输出”。
• 如果值不为空，则在边框上显示“输出”。

无输入：

使用输入：

TextField(
  keyboardType: TextInputType.number,
  style: Theme.of(context).textTheme.display1,
  decoration: InputDecoration(
    labelText: 'Input',
    labelStyle: Theme.of(context).textTheme.display1,
    errorText: _hasInputError ? 'Invalid number entered' : null,
    border: OutlineInputBorder(
      borderRadius: BorderRadius.circular(0.0),
    ),
  ),
),

Answer 1

  TextFormField(
              keyboardType: TextInputType.number,
              style: Theme.of(context).textTheme.bodyText1,
              decoration: InputDecoration(
                labelText: 'Input',
                hintText: "Input",
                labelStyle: Theme.of(context).textTheme.bodyText1,
                errorText: _hasInputError ? 'Invalid number entered' : null,
                border: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(0.0),
                ),
              ),
            ),