feat(ui_kit): implement rich text builder (closes #141)

2023-02-17 14:49:41 +01:00
parent 25018dc78a
commit 66719732f7
7 changed files with 311 additions and 1 deletions
@@ -5,6 +5,7 @@ import 'package:wyatt_ui_kit_example/buttons/buttons.dart';
 import 'package:wyatt_ui_kit_example/cards/cards.dart';
 import 'package:wyatt_ui_kit_example/demo_page.dart';
 import 'package:wyatt_ui_kit_example/loaders/loaders.dart';
+import 'package:wyatt_ui_kit_example/rich_text_builders/rich_text_builders.dart';
 import 'package:wyatt_ui_kit_example/theme/themes.dart';

 const String title = 'Wyatt UIKit Example';
@@ -20,7 +21,12 @@ class Home extends StatefulWidget {

 class _HomeState extends State<Home> {
  // Simply add your demo page here.
-  final List<DemoPage> pages = const [Cards(), Buttons(), Loaders()];
+  final List<DemoPage> pages = const [
+    Cards(),
+    Buttons(),
+    Loaders(),
+    RichTextBuilders(),
+  ];

  int currentIndex = 0;

@@ -0,0 +1,70 @@
+// Copyright (C) 2023 WYATT GROUP
+// Please see the AUTHORS file for details.
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:wyatt_ui_components/wyatt_wyatt_ui_components.dart';
+import 'package:wyatt_ui_kit/wyatt_ui_kit.dart';
+import 'package:wyatt_ui_kit_example/demo_page.dart';
+import 'package:wyatt_ui_kit_example/theme/constants.dart';
+
+class RichTextBuilders extends DemoPage {
+  const RichTextBuilders({super.key});
+
+  @override
+  String get title => 'RichTextBuilders';
+
+  @override
+  Widget build(BuildContext context) => ListView(
+        cacheExtent: 1000,
+        children: [
+          const Gap(20),
+          Align(
+            child: Text(
+              title,
+              style: Theme.of(context).textTheme.titleLarge,
+            ),
+          ),
+          const Gap(20),
+          RichTextBuilder(
+            defaultStyle: GoogleFonts.montserrat(
+              fontSize: 18,
+              fontWeight: FontWeight.w500,
+              height: 1.8,
+            ),
+            styles: {
+              'gradient-blue': GradientTextStyle.from(
+                GoogleFonts.montserrat(
+                  fontSize: 20,
+                  fontWeight: FontWeight.w600,
+                  color: Constants.blue1,
+                  height: 1.8,
+                ),
+                const MultiColor(Constants.blueGradient),
+              )
+            },
+            text: '''
+Innovation, Expertise et Accompagnement...
+Notre agence de développement Wyatt Studio met tout en oeuvre pour vous aider à <gradient-blue>concrétiser vos idées</gradient-blue> de solutions informatiques et mobiles.
+
+Vous aussi, comme beaucoup d’autres <gradient-blue>agences ou startups</gradient-blue>, faites nous confiance pour la réalisation de votre projet dès maintenant !
+''',
+          ),
+          const Gap(20),
+        ],
+      );
+}