✨ 読み込みが失敗した時にrefreshボタンを表示するようなコンポーネントの作成

yumemi-inc · May 21, 2024 · ecf3d4d · ecf3d4d
1 parent e63a945
commit ecf3d4d
Showing 1 changed file with 45 additions and 0 deletions.
diff --git a/packages/cores/core/lib/src/ui/util/common_paging_view.dart b/packages/cores/core/lib/src/ui/util/common_paging_view.dart
@@ -180,3 +180,48 @@ class _LoadingItem extends StatelessWidget {
   Widget build(BuildContext context) =>
       const Center(child: CircularProgressIndicator());
 }
+
+class _EndItemWhenError extends StatelessWidget {
+  const _EndItemWhenError({required void Function() onPressed})
+      : _onPressed = onPressed;
+  final void Function() _onPressed;
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      height: 130,
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.spaceAround,
+        children: [
+          const Flexible(
+            flex: 3,
+            child: Center(
+              child: Icon(Icons.cloud_off),
+            ),
+          ),
+          const Flexible(
+            flex: 2,
+            child: Center(
+              child: Text(
+                'Please check your connection and try again.',
+              ),
+            ),
+          ),
+          Flexible(
+            flex: 3,
+            child: Center(
+              child: // ElevatedButton(
+                  ElevatedButton(
+                style: ElevatedButton.styleFrom(
+                  shape: const StadiumBorder(),
+                ),
+                onPressed: _onPressed,
+                child: const Text('refresh'),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}