title: CurvedNavigationBar default item
body: <p>Upon login, the user is automatically directed to the dashboard page (usually the middle icon, the third one).
  The user arrives well on this page, but the first icon is selected automatically (instead of the third), how to solve this?</p>
  <p>Thanks</p>
  <pre><code>  class _HomePageState extends State&lt;HomePage&gt; {
    final Member member;
    _HomePageState({this.member});
    GlobalKey _bottomNavigationKey = GlobalKey();
  
    int selectedPage = 0;
    List _pageOption;
  
    @override
    void initState() {
      _pageOption = [
        InsightPage(),
        TradesPage(),
        DashboardPage(member),
        PerformencePage(),
        SettingsPage(),
      ];
      selectedPage = 2;
      super.initState();
    }
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        body: _pageOption[selectedPage],
        bottomNavigationBar: CurvedNavigationBar(
          height: 50,
          key: _bottomNavigationKey,
          items: [
            Icon(Icons.insights, color: Color(0xffffae88), size: 30),
            Icon(Icons.list, color: Color(0xffffae88), size: 30),
            Icon(Icons.dashboard, color: Color(0xffffae88), size: 30),
            Icon(Icons.speed, color: Color(0xffffae88), size: 30),
            Icon(Icons.settings, color: Color(0xffffae88), size: 30),
          ],
          color: secondColor,
          buttonBackgroundColor: secondColor,
          backgroundColor: backgroundColor,
          animationCurve: Curves.easeInOut,
          animationDuration: Duration(milliseconds: 600),
          onTap: (index) {
            setState(() {
              selectedPage = index;
            });
          },
        ),
      );
    }
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/jbKPH.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jbKPH.gif" alt="enter image description here" /></a></p>