`A RenderFlex overflowed by 24 pixels on the bottom.`

[yamadade]

Hello. Thanks for the nice package.

I ran the sample but I get an error, how can I solve this?

    return Scaffold(
      appBar: AppBar(
        title: Text('Example'),
      ),
      //If you want to show body behind the navbar, it should be true
      extendBody: true,
      bottomNavigationBar: FloatingNavbar(
        onTap: (int val) {
          //returns tab id which is user tapped
        },
        currentIndex: 0,
        items: [
          FloatingNavbarItem(icon: Icons.home, title: 'Home'),
          FloatingNavbarItem(icon: Icons.explore, title: 'Explore'),
          FloatingNavbarItem(icon: Icons.chat_bubble_outline, title: 'Chats'),
          FloatingNavbarItem(icon: Icons.settings, title: 'Settings'),
        ],
      ),
    );