Yaru progress indicator (#116)

* Add custom YaruProgressIndicator * Adapt tests * Adapt example * Remove unused backgroundColor property * Fix tests * Fix comment (circular -> linear) * Fix test * Fix out of bound values drawing
ubuntu · May 12, 2022 · 1416b07 · 1416b07
1 parent d6e41ec
commit 1416b07
Show file tree

Hide file tree

Showing 7 changed files with 661 additions and 102 deletions.
diff --git a/example/lib/example_page_items.dart b/example/lib/example_page_items.dart
@@ -27,13 +27,30 @@ final examplePageItems = <YaruPageItem>[
     builder: (_) => ExtraOptionRowPage(),
   ),
   YaruPageItem(
-    titleBuilder: (context) => Text('YaruLinearProgressIndicator'),
+    titleBuilder: (context) => Text('YaruProgressIndicator'),
     iconData: YaruIcons.download,
     builder: (_) => YaruPage(
       children: [
-        YaruLinearProgressIndicator(
-          value: 50 / 100,
-        )
+        Padding(
+          padding: const EdgeInsets.only(top: 25),
+          child: YaruCircularProgressIndicator(),
+        ),
+        Padding(
+          padding: const EdgeInsets.only(top: 25),
+          child: YaruCircularProgressIndicator(
+            value: .75,
+          ),
+        ),
+        Padding(
+          padding: const EdgeInsets.only(top: 25),
+          child: YaruLinearProgressIndicator(),
+        ),
+        Padding(
+          padding: const EdgeInsets.only(top: 25),
+          child: YaruLinearProgressIndicator(
+            value: .75,
+          ),
+        ),
       ],
     ),
   ),

diff --git a/example/lib/widgets/dummy_section.dart b/example/lib/widgets/dummy_section.dart
@@ -11,7 +11,7 @@ class DummySection extends StatelessWidget {
     return YaruSection(
       headline: 'Headline',
       headerWidget: SizedBox(
-        child: CircularProgressIndicator(),
+        child: YaruCircularProgressIndicator(strokeWidth: 3),
         height: 20,
         width: 20,
       ),

diff --git a/lib/src/yaru_linear_progress_indicator.dart b/lib/src/yaru_linear_progress_indicator.dart