feat: add ExpandableText widget

codingpot · Jun 20, 2021 · da5da10 · da5da10
1 parent e53026b
commit da5da10
Show file tree

Hide file tree

Showing 2 changed files with 65 additions and 15 deletions.
diff --git a/client/lib/widgets/components/expandable_text.dart b/client/lib/widgets/components/expandable_text.dart
@@ -0,0 +1,63 @@
+import 'package:flutter/material.dart';
+
+class ExpandableText extends StatefulWidget {
+  const ExpandableText({
+    Key? key,
+    required this.text,
+  }) : super(key: key);
+
+  final String text;
+
+  @override
+  _ExpandableTextState createState() => _ExpandableTextState();
+}
+
+class _ExpandableTextState extends State<ExpandableText> {
+  bool _isExpanded = false;
+
+  @override
+  Widget build(BuildContext context) {
+    if (_isExpanded) {
+      return Card(
+          child: Padding(
+        padding: const EdgeInsets.all(15.0),
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            Text(
+              widget.text,
+              softWrap: true,
+            ),
+            IconButton(
+                onPressed: onPressed,
+                icon: const Icon(Icons.keyboard_arrow_up, size: 50)),
+          ],
+        ),
+      ));
+    }
+
+    return Stack(alignment: Alignment.bottomCenter, children: [
+      Card(
+          child: Container(
+              padding: const EdgeInsets.only(top: 15, left: 15, right: 15),
+              height: 100,
+              child: Text(
+                widget.text,
+                overflow: TextOverflow.fade,
+                maxLines: 3,
+                softWrap: true,
+              ))),
+      Positioned(
+          bottom: 10,
+          child: IconButton(
+              onPressed: onPressed,
+              icon: const Icon(Icons.keyboard_arrow_down, size: 50)))
+    ]);
+  }
+
+  void onPressed() {
+    setState(() {
+      _isExpanded = !_isExpanded;
+    });
+  }
+}
diff --git a/client/lib/widgets/detail/abstract.dart b/client/lib/widgets/detail/abstract.dart
@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:pr12er/protos/pkg/pr12er/messages.pb.dart';
+import 'package:pr12er/widgets/components/expandable_text.dart';
 
 // ignore: must_be_immutable
 class PaperAbstractWidget extends StatelessWidget {
@@ -18,21 +19,7 @@ class PaperAbstractWidget extends StatelessWidget {
               "Abstract",
               style: Theme.of(context).textTheme.headline1,
             ),
-            Stack(alignment: Alignment.bottomCenter, children: [
-              // ignore: sized_box_for_whitespace
-              Card(
-                  child: Container(
-                      padding:
-                          const EdgeInsets.only(top: 15, left: 15, right: 15),
-                      height: 150,
-                      child: Text(
-                        paper.abstract,
-                        overflow: TextOverflow.fade,
-                        softWrap: true,
-                      ))),
-              const Positioned(
-                  bottom: -10, child: Icon(Icons.keyboard_arrow_down, size: 50))
-            ])
+            ExpandableText(text: paper.abstract)
           ],
         ));
   }