[Flutter] 키보드 팝업 상태에서 뒤로가기 이벤트 처리

앱에서 텍스트를 입력받을 때, 키보드가 하단에서 팝업된다.

뒤로가기 등으로 키보드가 내려갈 때를 감지해야한다면 해당 패키지를 사용하면 된다.

 

예를 들어 Textfield에 포커스가 되고 키보드가 팝업되며 특정 위젯이 바뀌었는데,

사용자가 뒤로가기로 키보드를 내리는 경우 특정 위젯을 되돌려놓아야하는 경우가 있겠다.

 

keyboard_visibility | Flutter Package

 

코드

void initState(){
	
    KeyboardVisibilityNotification().addNewListener(
    	onHide : () { //키보드가 내려갔을 때
        	_searchrecord = false; //동작부
        }
        ...
        )
        

onHide이외에도 onShow와 onChange가 있다.

 

예시 코드

import 'package:flutter/material.dart';
import 'package:keyboard_visibility/keyboard_visibility.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  GlobalKey<ScaffoldState> _key;

  @override
  void initState() {
    super.initState();
    _key = GlobalKey<ScaffoldState>();
    KeyboardVisibilityNotification().addNewListener(
      onHide: () {
        _key.currentState.showSnackBar(
          SnackBar(
            content: Text("Keyboard closed"),
          ),
        );
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        key: _key,
        body: Center(
          child: TextField(),
        ),
      ),
    );
  }
}

키보드가 내려가면 스낵바가 출력되도록 하는 예제이다.

 

출처 : stackoverflow