user products 화면에서 refresh 기능 추가 #14

Author: korca0220

shop_app/lib/providers/products.dart

@@ -21,7 +21,8 @@ class Products with ChangeNotifier {
   }
 
   Future<void> fetchAndSetProducts() async {
-    const url = '';
+    const url =
+        'https://flutter-shop-app-c87f7-default-rtdb.firebaseio.com/products.json';
     try {
       final response = await http.get(Uri.parse(url));
       final extractedData = json.decode(response.body) as Map<String, dynamic>;
@@ -46,7 +47,8 @@ class Products with ChangeNotifier {
   }
 
   Future<void> addProduct(Product product) async {
-    const url = '';
+    const url =
+        'https://flutter-shop-app-c87f7-default-rtdb.firebaseio.com/products.json';
     try {
       final response = await http.post(Uri.parse(url),
           body: json.encode({

shop_app/lib/screens/user_product_screen.dart

@@ -8,6 +8,10 @@ import 'package:shop_app/widgets/user_product_item.dart';
 class UserProductsScreen extends StatelessWidget {
   static const String routeId = '/user_products';
 
+  Future<void> _refreshProudcts(BuildContext context) async {
+    await Provider.of<Products>(context, listen: false).fetchAndSetProducts();
+  }
+
   @override
   Widget build(BuildContext context) {
     final productsData = Provider.of<Products>(context);
@@ -22,20 +26,23 @@ class UserProductsScreen extends StatelessWidget {
               }),
         ],
       ),
-      body: Padding(
-        padding: EdgeInsets.all(8),
-        child: ListView.builder(
-          itemCount: productsData.items.length,
-          itemBuilder: (_, index) => Column(children: [
-            UserProductItem(
-              productsData.items[index].id,
-              productsData.items[index].title,
-              productsData.items[index].imageUrl,
-            ),
-            Divider(
-              height: 5,
-            )
-          ]),
+      body: RefreshIndicator(
+        onRefresh: () => _refreshProudcts(context),
+        child: Padding(
+          padding: EdgeInsets.all(8),
+          child: ListView.builder(
+            itemCount: productsData.items.length,
+            itemBuilder: (_, index) => Column(children: [
+              UserProductItem(
+                productsData.items[index].id,
+                productsData.items[index].title,
+                productsData.items[index].imageUrl,
+              ),
+              Divider(
+                height: 5,
+              )
+            ]),
+          ),
         ),
       ),
       drawer: AppDrawer(),