Breaking News: Grepper is joining You.com. Read the official announcement!

navigation bar flutter web

Witty Wildebeest answered on September 11, 2022 Popularity 9/10 Helpfulness 2/10

answer navigation bar flutter web

navigation bar flutter web

Comment

import 'package:flutter/material.dart';

class MyNavigationBar extends StatefulWidget {
  final List<NavigationDestination> destinations;
  final NavigationDestinationLabelBehavior? labelBehavior;
  final int selectedIndex;
  final void Function(int index) onItemTap;
  final Color? backgroundColor;

  const MyNavigationBar({
    Key? key,
    required this.onItemTap,
    required this.destinations,
    this.selectedIndex = 0,
    this.backgroundColor,
    this.labelBehavior,
  }) : super(key: key);

  @override
  State<MyNavigationBar> createState() => _MyNavigationBarState();
}

class _MyNavigationBarState extends State<MyNavigationBar> {
  late int _selectedIndex;

  @override
  void initState() {
    super.initState();

    _selectedIndex = widget.selectedIndex;
  }

  @override
  Widget build(BuildContext context) {
    return NavigationBar(
      labelBehavior: widget.labelBehavior,
      backgroundColor: widget.backgroundColor,
      selectedIndex: _selectedIndex,
      onDestinationSelected: (int tappedIndex) {
        setState(() {
          _selectedIndex = tappedIndex;
        });

        widget.onItemTap(tappedIndex);
      },
      destinations: widget.destinations,
    );
  }
}

Popularity 9/10 Helpfulness 2/10 Language whatever

Source: developer.school

Tags: flutter-web navigation whatever

Link to this answer
Share Copy Link

Contributed on Sep 11 2022

Witty Wildebeest

0 Answers Avg Quality 2/10

navigation bar flutter web

Contents

More Related Answers

navigation bar flutter web

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.