본문 바로가기

Ui

flutter 키보드 입력 Overflow 해결

키보드 문제로 아래처럼 오버플로우 문제가 나타나는 일이 종종 생긴다. 

하지만, 핸드폰 기종마다 해상도도 다르고 해서 , 무조껀 해두는 편이 낫다.

resizeToAvoidBottomInset: false, 를  Scaffold 에 한줄 추가
단점: 입력창 위치에 따라 가려 질 수 있다. 

 

@override
Widget build(BuildContext context) {
  return Scaffold(
    resizeToAvoidBottomInset: false,// 오버플로우
    appBar: AppBar(title: Text('bloc searchlist')),
    body: Container(
      child: Column(
        children: [
          TextField(
              controller: searchTextController,

 

 

body 에서 시작하는 화면 전체를 SingleChildScrollView로 Wrap 한다.

body: SingleChildScrollView(
  child: Container(
    child: Column(
      children: [
        TextField(
            controller: searchTextController,
            decoration: const InputDecoration(hintText: 'Search'),
            onChanged:

오버플로우 해결 하기

 

'Ui' 카테고리의 다른 글