fix(firebase_ui_auth): preserve UI form state when device rotates (#9993

)
firebase · Dec 1, 2022 · 55dcd32 · 55dcd32
1 parent 6c90b6b
commit 55dcd32
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/packages/firebase_ui_auth/lib/src/screens/internal/responsive_page.dart b/packages/firebase_ui_auth/lib/src/screens/internal/responsive_page.dart
@@ -119,6 +119,7 @@ class ResponsivePage extends StatefulWidget {
 class _ResponsivePageState extends State<ResponsivePage> {
   final ctrl = ScrollController();
   final paddingListenable = ValueNotifier<double>(0);
+  final key = GlobalKey();
 
   void _onKeyboardPositionChanged(double position) {
     if (!ctrl.hasClients) {
@@ -138,6 +139,11 @@ class _ResponsivePageState extends State<ResponsivePage> {
   Widget build(BuildContext context) {
     final breakpoint = widget.breakpoint;
 
+    final content = KeyedSubtree(
+      key: key,
+      child: widget.child,
+    );
+
     return LayoutBuilder(
       builder: (context, constraints) {
         if (constraints.biggest.width > breakpoint) {
@@ -166,9 +172,7 @@ class _ResponsivePageState extends State<ResponsivePage> {
                           Center(
                             child: ConstrainedBox(
                               constraints: BoxConstraints(maxWidth: breakpoint),
-                              child: IntrinsicHeight(
-                                child: widget.child,
-                              ),
+                              child: IntrinsicHeight(child: content),
                             ),
                           ),
                         ],
@@ -198,7 +202,7 @@ class _ResponsivePageState extends State<ResponsivePage> {
                   SliverList(
                     delegate: SliverChildListDelegate.fixed(
                       [
-                        widget.child,
+                        content,
                         ValueListenableBuilder<double>(
                           valueListenable: paddingListenable,
                           builder: (context, value, _) {
@@ -217,7 +221,7 @@ class _ResponsivePageState extends State<ResponsivePage> {
             child: ListView(
               shrinkWrap: true,
               children: [
-                widget.child,
+                content,
               ],
             ),
           );