use listview.builder

lib/src/message_input.dart

@@ -714,16 +714,19 @@ class MessageInputState extends State<MessageInput> {
               ],
               color: StreamChatTheme.of(context).primaryColor,
             ),
-            child: ListView(
+            child: ListView.builder(
                 padding: const EdgeInsets.all(0),
                 shrinkWrap: true,
-              children: [
+                itemCount: emojis.length + 1,
-                Padding(
+                itemBuilder: (context, i) {
+                  if (i == 0) {
+                    return Padding(
                       padding: const EdgeInsets.only(left: 8.0, top: 8.0),
                       child: Row(
                         children: [
                           Padding(
-                        padding: const EdgeInsets.symmetric(horizontal: 8.0),
+                            padding:
+                                const EdgeInsets.symmetric(horizontal: 8.0),
                             child: Icon(
                               StreamIcons.smile,
                               color: StreamChatTheme.of(context).accentColor,
@@ -737,8 +740,11 @@ class MessageInputState extends State<MessageInput> {
                           )
                         ],
                       ),
-                ),
+                    );
-                ...emojis.map((emoji) => ListTile(
+                  }
+
+                  final emoji = emojis[i - 1];
+                  return ListTile(
                     title: Text(
                       "${emoji.char} ${emoji.name.replaceAll('_', ' ')}",
                       style: TextStyle(
@@ -749,9 +755,8 @@ class MessageInputState extends State<MessageInput> {
                     onTap: () {
                       _chooseEmoji(splits, emoji);
                     },
-                    ))
+                  );
-              ],
+                }),
-            ),
           ),
         ),
       );