Создайте что-то вроде InputDecoration и OutlineInputBorder для текстового виджета - PullRequest
Новая
       12

Создайте что-то вроде InputDecoration и OutlineInputBorder для текстового виджета

0 голосов
/ 04 марта 2020

Я хотел бы реализовать виджет текста, чья метка работает аналогично текстовому полю ниже. (Я не ожидаю, что смогу ввести значение в виджет текста. Виджет текста будет только для отображения текста.) Может ли кто-нибудь научить меня этому?

  • Если значение равно '' ( (пустая строка), затем укажите «Выход» в поле.
  • Если значение не пустое, то укажите «Выход» на границе.

Пример TextField

Без значения:

Without value

Со значением:

With value

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),
    ),
  ),
),

1 Ответ

0 голосов
/ 04 марта 2020 
  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),
                ),
              ),
            ),
...