fix: Resolve button overflow issue in editor interface

- Refine `flat_icon_text_button.dart` to enhance button responsiveness and layout consistency across various screen sizes and resolutions, to prevent button overflow, as reported in issue [#5](#5).
hm21 · Feb 12, 2024 · 3ce217b · 3ce217b
1 parent 0def88d
commit 3ce217b
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,8 @@
 # Changelog
 
+## Version 2.3.1
+- **Fixed:** fix overflow bug in BottomAppBar, details in [GitHub issue #5](https://github.com/hm21/pro_image_editor/issues/5)
+
 ## Version 2.3.0
 - **Feat:** Enhance state history management
 

diff --git a/lib/pro_image_editor_main.dart b/lib/pro_image_editor_main.dart
@@ -1905,7 +1905,7 @@ class ProImageEditorState extends State<ProImageEditor> {
                 scrollbarOrientation: ScrollbarOrientation.top,
                 thickness: isDesktop ? null : 0,
                 child: BottomAppBar(
-                  height: kToolbarHeight,
+                  height: kBottomNavigationBarHeight,
                   color: Colors.black,
                   padding: EdgeInsets.zero,
                   child: Center(

diff --git a/lib/widgets/flat_icon_text_button.dart b/lib/widgets/flat_icon_text_button.dart
@@ -13,11 +13,16 @@ class FlatIconTextButton extends TextButton {
     required Widget icon,
     required Widget label,
   }) : super(
+          style: TextButton.styleFrom(
+            padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 2),
+            maximumSize:
+                const Size(double.infinity, kBottomNavigationBarHeight),
+          ),
           child: Column(
             mainAxisSize: MainAxisSize.min,
             children: <Widget>[
               icon,
-              const SizedBox(height: 4.0),
+              const SizedBox(height: 5.0),
               label,
             ],
           ),

diff --git a/pubspec.yaml b/pubspec.yaml
@@ -1,6 +1,6 @@
 name: pro_image_editor
 description: "A Flutter image editor: Seamlessly enhance your images with user-friendly editing features."
-version: 2.3.0
+version: 2.3.1
 homepage: https://github.com/hm21/pro_image_editor/
 repository: https://github.com/hm21/pro_image_editor/
 issue_tracker: https://github.com/hm21/pro_image_editor/issues/