본문 바로가기
Flutter/Flutter FAQ

Flutter 플러터 TextFormField가 키보드에 의해 가려짐, Flutter TextFormField hidden by keyboard

by 베타코드 2023. 9. 29.
반응형

질문


참고: Navigator.of(context).push를 사용하여 ModalRoute를 푸시하고 있습니다.

안녕하세요. 본문에 TextFormField이 있는 ModalRoute가 있는 페이지를 가지고 있습니다. 하지만 키보드가 나타나면 입력란이 키보드에 의해 가려지는 문제가 발생합니다. 이를 어떻게 해결할 수 있을까요?

이미지 설명 입력

return Container(
      child: ListView(
          children: <Widget>[
            //다른 위젯
            SizedBox(height: _qtyAnimation.value),
            Row(
              children: <Widget>[
                Expanded(
                  child: Text(
                    "Jumlah",
                    style: TextStyle(fontWeight: FontWeight.bold),
                  ),
                ),
                SizedBox(
                  width: 145.0,
                  child: TextFormField(
                    focusNode: _qtyFocusNode,
                    controller: qty,
                    keyboardType: TextInputType.number,
                    textAlign: TextAlign.center,
                    decoration: InputDecoration(
                      contentPadding: EdgeInsets.all(0.0),
                      prefixIcon: IconButton(
                        icon: Icon(Icons.remove),
                        onPressed: () {},
                      ),
                      border: OutlineInputBorder(
                        borderSide:
                            BorderSide(color: Colors.grey, width: 0.1),
                      ),
                      suffixIcon: IconButton(
                        icon: Icon(Icons.add),
                        onPressed: () {},
                      ),
                    ),
                  ),
                ),
              ],
            ),
          ],
    );

이것이 내 코드입니다. 포커스 노드와 기타 방법을 시도해 보았지만 여전히 같은 결과가 나타납니다. 도와주세요.


답변


해당 텍스트 필드 하단의 패딩 문제를 해결해 주셔서 감사합니다.

    Padding(
             padding: EdgeInsets.only(
             bottom: MediaQuery.of(context).viewInsets.bottom));

그리고 역순 목록을 만듭니다.

반응형

댓글