Как настроить числовой ввод и не допустить исчезновения тела во флаттере?

Question

Итак, я пытаюсь получить числовой ввод для настроенного диапазона цен. И все же, независимо от того, что я делаю от поиска в другом месте, когда я запускаю его, тело остается пустым. Вот как я пытаюсь заставить его выглядеть: диапазон ввода цены

И вот мой код для этого:

Align(
              alignment: Alignment.centerLeft,
              child: Container(
                color: Color(0xFFffffff),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.start,
                  children: <Widget>[
                    new Text(
                      '\$',
                    ),
                    TextField(
                      controller: _textFieldController,
                      keyboardType: TextInputType.number,
                    ),
                    new Text(
                      'To',
                    ),
                    new Text(
                      '\$',
                    ),
                    TextField(
                      controller: _textFieldController,
                      keyboardType: TextInputType.number,
                    ),
                  ],
                ),
              ),
            ),

Answer 1

Вы должны обернуть текстовое поле расширенным виджетом следующим образом.

 Expanded(
                    child: TextField(
                      controller: _textFieldController,
                      keyboardType: TextInputType.number,
                    ),
                  ),

Но если вы хотите ограничить ширину виджета TextField, оберните TextField следующим образом.

  Container(
                    width: 50,
                    child: Row(
                      children: [
                        Expanded(
                          child: TextField(
                            controller: _textFieldController,
                            keyboardType: TextInputType.number,
                          ),
                        ),
                      ],
                    ),
                  ),

Примечание: Здесь вы используете один и тот же контроллер для двух TextField, которые не дадут вам правильное значение текстового поля, поэтому необходимо предоставить разные контроллеры.