Я хочу расширить свое текстовое поле по вертикали, придав ему гибкость, чтобы оно реагировало на все портретные экраны, но это дает мне некоторые ошибки

#flutter #flutter-layout #expand

#flutter #flutter-layout #Развернуть

Вопрос:

Мне нужна ваша помощь, пожалуйста, я хочу поместить свое текстовое поле в расширенный виджет, чтобы оно было расширено по вертикали

  body:Column(
            children: [
              Expanded(
                flex: 2,
                child: TextField(
                  expands: true,
                  maxLines: null,
                  decoration: InputDecoration(
                    labelText: "Write Something"
                  ),
                ),
              ),
              Expanded(
                flex: 1,
                child: RaisedButton(
                  child: Text("click"),
                ),
              )
            ],
          )
 

Комментарии:

1. Может быть, вы можете описать сценарий немного подробнее — например, вы хотите, чтобы фактические текстовые поля (области) заполняли родительскую высоту? Может быть, вы можете предоставить макет того, чего вы хотите достичь

Ответ №1:

 body: Column(
        children: [
          Expanded(
            flex: 7,
            child: TextField(
              expands: true,
              maxLines: null,
              decoration: InputDecoration(
                  labelText: "Write Something"
              ),
            ),
          ),
          Flexible(

            fit: FlexFit.loose,
            flex: 1,
            child: RaisedButton(
              child: Text("click"),
            ),
          )
        ],
      )
 

Ответ №2:

Ошибка, которую имеет ваш код, — отсутствует onPressed параметр кнопки. Расширение TextField зависит от вашего желаемого пользовательского интерфейса и может быть реализовано по-разному. Следующее является одним из них:

 Column(
        children: [
          Expanded(
            child: TextField(
              expands: true,
              maxLines: null,
              decoration: InputDecoration(
                labelText: "Write Something"
              ),
            ),
          ),
          RaisedButton(
            onPressed: () {  },
            child: Text("click"),
          )
        ],
      )