measure size of chat box to dynamically adjust padding

Fixes #21

lib/widgets/composer/chat_box.dart

@@ -63,11 +63,7 @@ class ChatBox extends HookConsumerWidget {
       fontWeight: FontWeight.bold,
     );
 
-    return Positioned(
-      bottom: 0,
-      left: 0,
-      right: 0,
-      child: Padding(
+    return Padding(
       padding: EdgeInsetsGeometry.all(12),
       child: ClipRRect(
         borderRadius: BorderRadius.all(Radius.circular(12)),
@@ -143,10 +139,7 @@ class ChatBox extends HookConsumerWidget {
                               triggerCharacter.value = newTriggerCharacter;
                               query.value = newQuery;
                             },
-                              triggerCharacterAndStyles: {
-                                "@": style,
-                                "#": style,
-                              },
+                            triggerCharacterAndStyles: {"@": style, "#": style},
                             builder: (context, key) => TextFormField(
                               maxLines: 12,
                               minLines: 1,
@@ -184,7 +177,6 @@ class ChatBox extends HookConsumerWidget {
           ],
         ),
       ),
-      ),
     );
   }
 }

lib/widgets/room_chat.dart

@@ -3,6 +3,7 @@ import "package:flutter/material.dart";
 import "package:flutter/services.dart";
 import "package:flutter_hooks/flutter_hooks.dart";
 import "package:hooks_riverpod/hooks_riverpod.dart";
+import "package:measure_size/measure_size.dart";
 import "package:nexus/controllers/account_data_controller.dart";
 import "package:nexus/controllers/client_controller.dart";
 import "package:nexus/controllers/client_state_controller.dart";
@@ -45,6 +46,8 @@ class RoomChat extends HookConsumerWidget {
     final relationType = useState(RelationType.reply);
     final flashingEvent = useState<String?>(null);
 
+    final composerSize = useState<double>(64);
+
     final memberListOpened = useState<bool>(showMembersByDefault);
 
     final userId = ref.watch(ClientStateController.provider)?.userId;
@@ -346,7 +349,9 @@ class RoomChat extends HookConsumerWidget {
                         controller: scrollController,
                         slivers: [
                           SliverPadding(
-                            padding: EdgeInsetsGeometry.only(bottom: 64),
+                            padding: EdgeInsetsGeometry.only(
+                              bottom: composerSize.value,
+                            ),
                           ),
 
                           SuperSliverList.builder(
@@ -416,7 +421,13 @@ class RoomChat extends HookConsumerWidget {
                     },
                   ),
                 ),
-                ChatBox(
+                Positioned(
+                  bottom: 0,
+                  left: 0,
+                  right: 0,
+                  child: MeasureSize(
+                    onChange: (size) => composerSize.value = size.height,
+                    child: ChatBox(
                       roomId,
                       node: composerNode,
                       onSend: (text, {required shouldMention, required tags}) =>
@@ -433,6 +444,8 @@ class RoomChat extends HookConsumerWidget {
                       relatedEvent: relatedEvent.value,
                       onDismiss: () => relatedEvent.value = null,
                     ),
+                  ),
+                ),
               ],
             ),
           ),

pubspec.lock

@@ -760,6 +760,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "0.13.0"
+  measure_size:
+    dependency: "direct main"
+    description:
+      name: measure_size
+      sha256: "4b2de7b29567501434902a2f4080cf12a8bc7038b2eb97dfae91b71791620b68"
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.0.2"
   media_kit:
     dependency: "direct main"
     description:

pubspec.yaml

@@ -63,6 +63,7 @@ dependencies:
   media_kit: 1.2.6
   media_kit_video: 2.0.1
   media_kit_libs_video: 1.0.7
+  measure_size: ^5.0.2
   
 dev_dependencies:
   build_runner: 2.15.0