fix: mobile toolbar UI shift (#818)

example/lib/home_page.dart

@@ -97,7 +97,10 @@ class _HomePageState extends State<HomePage> {
         surfaceTintColor: Colors.transparent,
         title: const Text('AppFlowy Editor'),
       ),
-      body: SafeArea(child: _widgetBuilder(context)),
+      body: SafeArea(
+        maintainBottomViewPadding: true,
+        child: _widgetBuilder(context),
+      ),
     );
   }
 

example/lib/main.dart

@@ -1,9 +1,20 @@
 import 'package:appflowy_editor/appflowy_editor.dart';
 import 'package:example/home_page.dart';
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_localizations/flutter_localizations.dart';
 
 void main() {
+  WidgetsFlutterBinding.ensureInitialized();
+
+  if (defaultTargetPlatform == TargetPlatform.android) {
+    SystemChrome.setEnabledSystemUIMode(SystemUiMode.edgeToEdge, overlays: []);
+    SystemChrome.setSystemUIOverlayStyle(
+      const SystemUiOverlayStyle(systemNavigationBarColor: Colors.transparent),
+    );
+  }
+
   runApp(const MyApp());
 }
 

lib/src/editor/toolbar/mobile/mobile_toolbar_v2.dart

@@ -1,5 +1,6 @@
 import 'package:appflowy_editor/appflowy_editor.dart';
 import 'package:appflowy_editor/src/editor/toolbar/mobile/utils/keyboard_height_observer.dart';
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 
 const String selectionExtraInfoDisableMobileToolbarKey = 'disableMobileToolbar';
@@ -384,8 +385,12 @@ class _MobileToolbarState extends State<_MobileToolbar>
         return ValueListenableBuilder(
           valueListenable: showMenuNotifier,
           builder: (_, showingMenu, __) {
+            var toolbarHeight = height;
+            if (defaultTargetPlatform == TargetPlatform.android) {
+              toolbarHeight += MediaQuery.of(context).viewPadding.bottom;
+            }
             return SizedBox(
-              height: height,
+              height: toolbarHeight,
               child: (showingMenu && selectedMenuIndex != null)
                   ? MobileToolbarItemMenu(
                       editorState: widget.editorState,