Example app updates.

Author: ronjb

example/lib/pages/basic_ltr.dart

@@ -11,7 +11,7 @@ class BasicLtr extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final scale =
-        (((MediaQuery.of(context).size.width / 600.0) - 1.0) * 0.6) + 1.0;
+        (((MediaQuery.of(context).size.width / 600.0) - 1.0) * 0.3) + 1.0;
 
     return DefaultTextStyle(
       style: const TextStyle(fontSize: 18, color: Colors.black, height: 1.5),
@@ -76,8 +76,8 @@ TextSpan _text(BuildContext context, double textScaleFactor) => TextSpan(
           child: Floatable(
             float: FCFloat.end,
             clear: FCClear.both,
-            clearMinSpacing: 16,
-            maxWidthPercentage: 0.33,
+            clearMinSpacing: -50 * textScaleFactor,
+            maxWidthPercentage: 0.33 / textScaleFactor,
             padding: const EdgeInsetsDirectional.only(start: 8),
             child: Img(
                 assetName: _name('walt_whitman.jpg'), title: 'Walt Whitman'),
@@ -87,7 +87,7 @@ TextSpan _text(BuildContext context, double textScaleFactor) => TextSpan(
           child: Floatable(
             float: FCFloat.start,
             clear: FCClear.start,
-            clearMinSpacing: 220,
+            clearMinSpacing: 65 * textScaleFactor,
             maxWidthPercentage: 0.25 / textScaleFactor,
             padding: const EdgeInsetsDirectional.only(end: 12),
             child: Img(
@@ -108,8 +108,10 @@ TextSpan _text(BuildContext context, double textScaleFactor) => TextSpan(
           ),
           recognizer: TapGestureRecognizer()
             ..onTap = () {
-              ScaffoldMessenger.of(context).showSnackBar(
-                  const SnackBar(content: Text('Tapped on "Love"')));
+              ScaffoldMessenger.of(context)
+                ..removeCurrentSnackBar()
+                ..showSnackBar(
+                    const SnackBar(content: Text('Tapped on "Love"')));
             },
         ),
         const TextSpan(
@@ -125,9 +127,11 @@ TextSpan _text(BuildContext context, double textScaleFactor) => TextSpan(
           ),
           recognizer: TapGestureRecognizer()
             ..onTap = () {
-              ScaffoldMessenger.of(context).showSnackBar(const SnackBar(
-                  content:
-                      Text('Tapped on "stand up for the stupid and crazy"')));
+              ScaffoldMessenger.of(context)
+                ..removeCurrentSnackBar()
+                ..showSnackBar(const SnackBar(
+                    content:
+                        Text('Tapped on "stand up for the stupid and crazy"')));
             },
         ),
         const TextSpan(
@@ -189,8 +193,10 @@ TextSpan _text(BuildContext context, double textScaleFactor) => TextSpan(
           ),
           recognizer: TapGestureRecognizer()
             ..onTap = () {
-              ScaffoldMessenger.of(context).showSnackBar(
-                  const SnackBar(content: Text('Tapped on "Song of Myself"')));
+              ScaffoldMessenger.of(context)
+                ..removeCurrentSnackBar()
+                ..showSnackBar(const SnackBar(
+                    content: Text('Tapped on "Song of Myself"')));
             },
         ),
       ],

example/lib/pages/basic_rtl.dart

@@ -13,8 +13,6 @@ class BasicRtl extends StatelessWidget {
     // const crossAxisAlignment = CrossAxisAlignment.stretch;
 
     const boxHeight = 40.0;
-    final scale =
-        (((MediaQuery.of(context).size.width / 600.0) - 1.0) * 0.6) + 1.0;
 
     return DefaultTextStyle(
       style: const TextStyle(fontSize: 18, color: Colors.black, height: 1.5),
@@ -50,8 +48,7 @@ class BasicRtl extends StatelessWidget {
                       clearMinSpacing: 100,
                       maxWidthPercentage: 0.333,
                       child: Container(height: boxHeight, color: Colors.green)),
-                  WrappableText(
-                      text: _text, textScaler: TextScaler.linear(scale)),
+                  WrappableText(text: _text),
                 ],
               ),
             ),

example/lib/shared/drop_cap.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:intrinsic_size_overflow_box/intrinsic_size_overflow_box.dart';
 
 class DropCap extends StatelessWidget {
   const DropCap(this.text, {super.key, this.size = 2.0, this.textScaleFactor});
@@ -10,62 +11,27 @@ class DropCap extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final style = DefaultTextStyle.of(context).style;
+    final scaler = textScaleFactor == null
+        ? MediaQuery.textScalerOf(context)
+        : TextScaler.linear(textScaleFactor!);
+    final fontSize =
+        (style.fontSize ?? 16.0) * (style.height ?? 1.0) * size * 1.1;
+    final scaledSize = scaler.scale(fontSize);
 
     return Padding(
-      padding: Directionality.of(context) == TextDirection.ltr
-          ? const EdgeInsets.only(right: 10)
-          : const EdgeInsets.only(left: 10),
-      // ignore: avoid_unnecessary_containers
-      child: Container(
-        // color: Colors.yellow,
-        child: Text(
-          text,
-          textScaler: textScaleFactor == null
-              ? MediaQuery.textScalerOf(context)
-              : TextScaler.linear(textScaleFactor!),
-          style: style.copyWith(
-              fontSize: (style.fontSize ?? 16.0) *
-                  (style.height ?? 1.0) *
-                  size *
-                  0.99,
-              height: 1),
+      padding: const EdgeInsetsDirectional.only(end: 10),
+      child: SizedBox(
+        // color: Colors.orange,
+        height: scaledSize * 0.75,
+        child: IntrinsicSizeOverflowBox(
+          maxHeight: scaledSize * 1.5,
+          child: Text(
+            text,
+            textScaler: scaler,
+            style: style.copyWith(fontSize: fontSize, height: 1),
+          ),
         ),
       ),
     );
   }
 }
-
-/*
-TextStyle textStyleWithGoogleFont([String? fontFamily]) {
-  try {
-    return GoogleFonts.getFont(fontFamily ?? _fonts[1]);
-  } catch (_) {
-    return const TextStyle();
-  }
-}
-
-// cspell: disable
-const _fonts = [
-  'Great Vibes',
-  'Sevillana',
-  'Oleo Script',
-  'Oleo Script Swash Caps',
-  'Seaweed Script',
-  'Lobster',
-  'Alfa Slab One',
-  'Playball',
-  'Monoton',
-  'Londrina Shadow',
-  'Rye',
-  'UnifrakturMaguntia',
-  'Frijole',
-  'Creepster',
-  'Sail',
-  'Faster One',
-  'Shojumaru',
-  'UnifrakturCook',
-  'Nosifer',
-  'Akronim',
-  'Ewert',
-];
-*/

example/pubspec.yaml

@@ -12,8 +12,7 @@ dependencies:
     path: ../
   flutter:
     sdk: flutter
-  flutter_animate: ^4.5.2
-  google_fonts: ^6.2.1
+  intrinsic_size_overflow_box: ^0.1.1
 
 dev_dependencies:
   flutter_lints_plus: ^3.2.0