본문 바로가기

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' 카테고리의 다른 글

Ui 패키지 없이 그라디에이션 꾸미기.  (0) 2023.12.19
Ui 배경화면 설정에서 그라디언트까지, set Background  (0) 2023.12.17
Simple note Ui  (1) 2023.12.15
Ui Flutter Design Morphism 로그인  (0) 2023.12.14
Ui login design  (0) 2023.12.12