DEV Community

loading...
Cover image for Info Popup Window | Create Popup window in Flutter Listview

Info Popup Window | Create Popup window in Flutter Listview

rrtutors profile image rrtutors Originally published at rrtutors.com ・1 min read

Some times we might be show the content with popup on the current screen due to the device width and height to make proper UI design. Popup is useful when we want to show some additional information or else submit feedback, etc. In this post we are going to create a Popup window in the flutter listview examples.

In this Popup window flutter example we are showing the info window on the listview items



Create dart file where we are going to show list of items and display popup window on tap on any widget



MyPopupWidget.dart

Show popup window on tap on Guester event by calling the below code

showPopupWindow()
Enter fullscreen mode Exit fullscreen mode
  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));
}
Enter fullscreen mode Exit fullscreen mode



Here Is Source Code https://rrtutors.com/tutorials/create-popup-window-in-flutter-listview-item-example

Discussion (0)

pic
Editor guide