revert(editor): restore TabBarView in emoji_bottom_sheet

Closes: #360

Author: realth000

lib/features/editor/widgets/emoji_bottom_sheet.dart

@@ -34,37 +34,22 @@ class _EmojiBottomSheet extends StatefulWidget {
 
 class _EmojiBottomSheetState extends State<_EmojiBottomSheet> with SingleTickerProviderStateMixin {
   TabController? tabController;
-  int sheetIndex = 0;
-
-  void onSheetIndexChanged() {
-    if (tabController?.indexIsChanging ?? false) {
-      final currIndex = tabController?.index;
-      if (currIndex != null) {
-        setState(() {
-          sheetIndex = currIndex;
-        });
-      }
-    }
-  }
 
   @override
   void dispose() {
-    tabController
-      ?..removeListener(onSheetIndexChanged)
-      ..dispose();
+    tabController?.dispose();
     super.dispose();
   }
 
   /// When calling this function, assume all emoji is available.
   Widget _buildEmojiTab(BuildContext context, EmojiState state) {
     final emojiGroupList = state.emojiGroupList!;
-    tabController ??= TabController(length: emojiGroupList.length, vsync: this)..addListener(onSheetIndexChanged);
+    tabController ??= TabController(length: emojiGroupList.length, vsync: this);
 
     final tabs = emojiGroupList.map((e) => Tab(child: Text(e.name)));
     final tabViews = emojiGroupList.map(
       (e) => GridView.builder(
         padding: edgeInsetsL12R12,
-        physics: const NeverScrollableScrollPhysics(),
         shrinkWrap: true,
         gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
           maxCrossAxisExtent: 50,
@@ -90,21 +75,14 @@ class _EmojiBottomSheetState extends State<_EmojiBottomSheet> with SingleTickerP
       ),
     );
 
-    return SingleChildScrollView(
-      padding: context.safePadding(),
-      child: Column(
-        mainAxisSize: .min,
-        children: [
-          TabBar(isScrollable: true, tabAlignment: TabAlignment.start, controller: tabController, tabs: tabs.toList()),
-          sizedBoxW12H12,
-          // Use IndexStack instead of TabBarView to make contents having minimum height for the bottom sheet.
-          // But it stucks more than TabBarView.
-          IndexedStack(
-            index: sheetIndex,
-            children: tabViews.toList(),
-          ),
-        ],
-      ),
+    return Column(
+      children: [
+        TabBar(isScrollable: true, tabAlignment: TabAlignment.start, controller: tabController, tabs: tabs.toList()),
+        sizedBoxW12H12,
+        Expanded(
+          child: TabBarView(controller: tabController, children: tabViews.toList()),
+        ),
+      ],
     );
   }
 
@@ -137,7 +115,7 @@ class _EmojiBottomSheetState extends State<_EmojiBottomSheet> with SingleTickerP
             EmojiStatus.success => _buildEmojiTab(context, state),
           };
 
-          return body;
+          return ConstrainedBox(constraints: const BoxConstraints(maxHeight: 400), child: body);
         },
       ),
     );