Flutter TextFormField указатель, перекрывающий текст

Question

При использовании TextFormField во флаттере и заполнении формы, предварительно заполненной текстом, когда я нажимаю где-нибудь на нее, чтобы начать редактирование текста, я получаю маленький указатель капли дождя прямо над текстом:

Я ожидаю, что это появится немного ниже формы. Примерно так:

Вот код:

                  Container(
                    height: 40.0,
                    child: TextFormField(
                      style: TextStyle(
                        fontSize: 17,
                      ),
                      controller: serverAddressController,
                      decoration: InputDecoration(
                        border: OutlineInputBorder(
                          borderRadius: new BorderRadius.circular(10.0),
                        ),
                      ),
                      onChanged: (value) {
                        serverAddress = value;
                        changesSaved = false;
                      },
                      textInputAction: TextInputAction.next,
                      onFieldSubmitted: (_) {
                        FocusScope.of(context)
                            .requestFocus(daysBackFocusNode);
                      },
                    ),
                  ),

Как мне это сделать?

Answer 1

вы установили низкую высоту контейнера, но не уменьшили заполнение содержимого, просто добавьте contentPadding свойство

decoration: InputDecoration(
  contentPadding: EdgeInsets.only(left: 16, right: 16),
  border: OutlineInputBorder(
    borderRadius: BorderRadius.circular(16.0),
  ),
),