Display renderflex overflow from bottom.

[TheAlphamerc]

When using EmojiPicker widget in ModelBottomSheet it show below error for a little time.

A RenderFlex overflowed by 71 pixels on the bottom.

 void displayEmojiPicker(BuildContext context) async {
    await showModalBottomSheet(
      context: context,
      backgroundColor: Colors.transparent,
      builder: (_) {
        return  EmojiPicker(
              rows: 5,
              selectedCategory: Category.SMILEYS,
              columns:10,
              numRecommended: 10,
              onEmojiSelected: (emoji, category) {
                Navigator.pop(context);
               },
            );
      },
    );
  }

[osamamohammed98]

I have same problem how to solve it

[osamamohammed98]

I fix it by put it inside listView horizontal

[TheAlphamerc]

Thanks @osamamohammed98 , I'll give it a try.

[TheAlphamerc]

I fix it by put it inside listView horizontal

Thanks @osamamohammed98 it works.