แถบนำทางด้านล่างที่กำหนดเองในกระพือ [ซ้ำ]

Question

วิธีสร้างแถบการนำทางด้านล่างที่กำหนดเองในการกระพือปีกที่มีลักษณะดังนี้:

Answer 1

ปลั๊กอินนี้จะช่วยคุณออกแบบแถบนำทางด้านล่างดังกล่าว

Scaffold(
  bottomNavigationBar: ConvexAppBar(
    items: [
      TabItem(icon: Icons.home, title: 'Home'),
      TabItem(icon: Icons.map, title: 'Discovery'),
      TabItem(icon: Icons.add, title: 'Add'),
      TabItem(icon: Icons.message, title: 'Message'),
      TabItem(icon: Icons.people, title: 'Profile'),
  ],
  initialActiveIndex: 2,//optional, default as 0
  onTap: (int i) => print('click index=$i'),
 )
);

คุณยังสามารถใช้ปลั๊กอินนี้