정보 팝업 창 | Flutter Listview에서 팝업 창 만들기

적절한 UI 디자인을 위해 기기의 너비와 높이로 인해 현재 화면에 팝업으로 콘텐츠가 표시되는 경우가 있습니다. Popup은 추가 정보를 표시하거나 피드백을 제출하는 등의 작업을 수행할 때 유용합니다. 이 게시물에서는 Flutter 목록 보기 예제에서 Popup 창을 만들 것입니다.

이 Popup window flutter 예제에서는 listview 항목에 대한 정보 창을 표시하고 있습니다.

항목 목록을 표시하고 위젯을 탭할 때 팝업 창을 표시할 다트 파일을 만듭니다.

MyPopupWidget.dart

Guester 이벤트에서 아래 코드를 호출하여 팝업창을 띄웁니다.

showPopupWindow()

  new _PopupWindowRoute(
          context: context,
          position: position,
          child: child,
          elevation: elevation,
          semanticLabel: label,
          theme: Theme.of(context, shadowThemeOnly: true),
          barrierLabel:
          MaterialLocalizations.of(context).modalBarrierDismissLabel,
          fullWidth: fullWidth,
          isShowBg: isShowBg));
}

다음은 소스 코드입니다https://rrtutors.com/tutorials/create-popup-window-in-flutter-listview-item-example.