feat: added flashcard instructions display

SethCohen · Dec 21, 2022 · 43faac7 · 43faac7
1 parent fcc4c64
commit 43faac7
Showing 1 changed file with 28 additions and 3 deletions.
diff --git a/src/lib/widgets/flashcard.dart b/src/lib/widgets/flashcard.dart
@@ -1,9 +1,16 @@
 import 'package:flutter/material.dart';
 
-class Flashcard extends StatelessWidget {
+class Flashcard extends StatefulWidget {
   const Flashcard({super.key, required this.data});
   final Map<String, dynamic> data;
 
+  @override
+  State<Flashcard> createState() => _FlashcardState();
+}
+
+class _FlashcardState extends State<Flashcard> {
+  bool _isVisible = false;
+
   @override
   Widget build(BuildContext context) {
     return Padding(
@@ -16,15 +23,33 @@ class Flashcard extends StatelessWidget {
               child: Column(
             children: [
               Text(
-                data['title'],
+                widget.data['title'],
                 style: const TextStyle(fontSize: 20),
               ),
               const SizedBox(
                 height: 10,
               ),
               ClipRRect(
                   borderRadius: BorderRadius.circular(8),
-                  child: Image.network(data['assetUrl'])),
+                  child: Image.network(widget.data['assetUrl'])),
+              Align(
+                  alignment: Alignment.centerRight,
+                  child: IconButton(
+                      icon: const Icon(Icons.info),
+                      onPressed: () {
+                        setState(() {
+                          _isVisible = !_isVisible;
+                        });
+                      })),
+              Visibility(
+                visible: _isVisible,
+                child: Align(
+                  alignment: Alignment.centerLeft,
+                  child: Text(widget.data['instructions'].length != 0
+                      ? widget.data['instructions']
+                      : "Lorem Ipsum"),
+                ),
+              ),
             ],
           )),
         ),