jksevend / side_navigation Goto Github PK

$ flutter --version
Flutter 3.3.5 • channel stable • https://github.com/flutter/flutter.git
Framework • revision d9111f6402 (6 days ago) • 2022-10-19 12:27:13 -0700
Engine • revision 3ad69d7be3
Tools • Dart 2.18.2 • DevTools 2.15.0

   @override
  Widget build(BuildContext context) {
    // This method is rerun every time setState is called, for instance as done
    // by the _incrementCounter method above.
    //
    // The Flutter framework has been optimized to make rerunning build methods
    // fast, so that you can just rebuild anything that needs updating rather
    // than having to individually change instances of widgets.
    return Scaffold(
      body: Row(
        children: [
          SideNavigationBar(
            selectedIndex: _index,
            header: SideNavigationBarHeader(
                image: CircleAvatar(
                  child: Icon(Icons.wallet),
                ),
                title: Text('Test', style: Theme.of(context).textTheme.headline6),
                subtitle: SizedBox.shrink(),
            ),
            footer: const SideNavigationBarFooter(
                label: Text('Footer label')
            ),
            items: const [
              SideNavigationBarItem(
                icon: Icons.dashboard,
                label: 'Dashboard',
              ),
              SideNavigationBarItem(
                icon: Icons.person,
                label: 'Account',
              ),
              SideNavigationBarItem(
                icon: Icons.settings,
                label: 'Settings',
              ),
            ],
            onTap: (index) {
              setState(() {
                _index = index;
              });
            },
          ),
          Expanded(
            child: ListView(
              children: [
                Text('Main body', style: Theme.of(context).textTheme.headline4,),
              ],
            ),
          ),
        ],
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: const Icon(Icons.add),
      ), // This trailing comma makes auto-formatting nicer for build methods.
    );
  }

ERROR: ../../.pub-cache/hosted/pub.dartlang.org/side_navigation-0.0.7/lib/src/api/side_navigation_bar.dart:104:26: Error: Required named parameter 'vsync' must be provided.
ERROR:       child: AnimatedSize(
ERROR:                          ^
ERROR: ../../snap/flutter/common/flutter/packages/flutter/lib/src/widgets/animated_size.dart:56:9: Context: Found this candidate, but the arguments don't match.
ERROR:   const AnimatedSize({
ERROR:         ^^^^^^^^^^^^
Exception: Build process failed

class Base extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => _Base();
}

class _Base extends State<Base> {
  List<Widget> views = const [
    Center(
      child: Text('Setting'),
    ),
    Center(
      child: Text('Account'),
    ),
    Center(
      child: Text('Settings'),
    ),
  ];

  /// The currently selected index of the bar
  int selectedIndex = 0;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      /// You can use an AppBar if you want to
      //appBar: AppBar(
      //  title: const Text('App'),
      //),

      // The row is needed to display the current view
      body: Row(
        children: [
          /// Pretty similar to the BottomNavigationBar!
          SideNavigationBar(
            selectedIndex: selectedIndex,
            items: const [
              SideNavigationBarItem(
                icon: Icons.dashboard,
                label: 'Dashboard',
              ),
              SideNavigationBarItem(
                icon: Icons.person,
                label: 'Account',
              ),
              SideNavigationBarItem(
                icon: Icons.settings,
                label: 'Settings',
              ),
            ],
            onTap: (index) {
              setState(() {
                selectedIndex = index;
              });
            },
          ),

          /// Make it take the rest of the available width
          Expanded(
            child: views.elementAt(selectedIndex),
          )
        ],
      ),
    );
  }
}

       Expanded(
        child: _body(context),
      )