Нижняя панель навигации во Flutter

Question

Я новичок во флаттере. Я уже создал нижнюю панель навигации во флаттере. Но мне нужен дизайн, как показано ниже:

BottomNavigationBar(
        currentIndex:
            _currentIndex, // this will be set when a new tab is tapped
        selectedItemColor: Colors.black54,
        unselectedItemColor: Colors.black,
        onTap: onTabTapped, // new
        items: [
          BottomNavigationBarItem(
            icon: new Icon(Icons.home),
            title: new Text('Home'),
          ),
          BottomNavigationBarItem(
            icon: new Icon(Icons.lightbulb_outline),
            title: new Text('Coding Tips'),
          ),
          BottomNavigationBarItem(
              icon: Icon(Icons.library_books), title: Text('Books')),
          BottomNavigationBarItem(icon: Icon(Icons.chat), title: Text('Forum')),
          BottomNavigationBarItem(
              icon: Icon(Icons.image), title: Text('Fun Area'))
        ],
      ),

Сейчас у меня есть:

What I want is :

введите описание изображения здесь

Как сделать текст справа от значка? Кроме того, как мне создать эффект нажатия? Любая помощь приветствуется!