Page Essen - Mit Provider

2024-11-21 15:26:12 +01:00
parent be341b7c69
commit 4a1fc19349
4 changed files with 101 additions and 8 deletions
@@ -2,6 +2,8 @@ import 'package:flutter/material.dart';
 import 'package:flutter_rating_bar/flutter_rating_bar.dart';
 import 'package:mensaapp/modules/ratingEmote.dart';
 import 'package:mensaapp/modules/ratingStars.dart';
+import 'package:mensaapp/providers/essenProvider.dart';
+import 'package:provider/provider.dart';

 class PageEssen extends StatelessWidget {
  const PageEssen({super.key});
@@ -9,10 +11,73 @@ class PageEssen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
-      child: Column(
-        children: [
-          RatingStars(onRate: () {})
-        ],
+      child: Container(
+        width: 600,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.center,
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            const SizedBox(
+              height: 50,
+            ),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                const Text(
+                  "Geschmack*",
+                  style: TextStyle(fontSize: 35),
+                ),
+                Consumer<EssenProvider>(
+                  builder: (context, essenProvider, child) {
+                    return RatingStars(onRate: (value) {
+                      essenProvider.setRatingGeschmack(value);
+                    }, initRating: essenProvider.ratingGeschmack,);
+                  },
+                )
+              ],
+            ),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                const Text(
+                  "Qualität*",
+                  style: TextStyle(fontSize: 35),
+                ),
+                Consumer<EssenProvider>(
+                  builder: (context, essenProvider, child) {
+                    return RatingStars(onRate: (value) {
+                      essenProvider.setRatingQuali(value);
+                    }, initRating: essenProvider.ratingQuali,);
+                  },
+                )
+              ],
+            ),
+            const SizedBox(
+              height: 50,
+            ),
+            Consumer<EssenProvider>(
+              builder: (context, essenProvider, child) {
+                return TextFormField(
+                  initialValue: essenProvider.freiText,
+                  onChanged: (value) {
+                    essenProvider.setFreiText(value);
+                  },
+                  autofocus: false,
+                  maxLength: 500,
+                  maxLines: 5,
+                  decoration: InputDecoration(
+                    labelText: "Dein Feedback (optional)",
+                    labelStyle: const TextStyle(fontSize: 20),
+                    border: OutlineInputBorder(
+                        borderRadius: BorderRadius.circular(15)
+                    ),
+                  ),
+                  style: TextStyle(fontSize: 20),
+                );
+              },
+            )
+          ],
+        ),
      ),
    );
  }