fbmobile/lib/ui/views/tabbar_authenticated.dart

import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:flutter_translate/flutter_translate.dart';

import '../shared/app_colors.dart';
import 'history_view.dart';
import 'profile_view.dart';
import 'upload_view.dart';

class AuthenticatedTabBarView extends StatefulWidget {
  @override
  AuthenticatedTabBarState createState() => AuthenticatedTabBarState();
}

class AuthenticatedTabBarState extends State<AuthenticatedTabBarView> with SingleTickerProviderStateMixin {
  TabController _tabController;
  int _currentTabIndex = 0;

  List<Widget> _realPages = [UploadView(), HistoryView(), ProfileView()];
  List<Widget> _tabPages = [
    UploadView(),
    Container(),
    Container(),
  ];
  List<bool> _hasInit = [true, false, false];

  @override
  void initState() {
    super.initState();
    _tabController = TabController(length: _realPages.length, vsync: this)
      ..addListener(() {
        int selectedIndex = _tabController.index;
        if (_currentTabIndex != selectedIndex) {
          if (!_hasInit[selectedIndex]) {
            _tabPages[selectedIndex] = _realPages[selectedIndex];
            _hasInit[selectedIndex] = true;
          }
          setState(() => _currentTabIndex = selectedIndex);
        }
      });
  }

  @override
  void dispose() {
    _tabController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    double width = MediaQuery.of(context).size.width;
    double yourWidth = width / 3;
    double yourHeight = 55;

    Color colorTabItem0 = _currentTabIndex == 0 ? blueColor : primaryAccentColor;
    Color colorTabItem1 = _currentTabIndex == 1 ? blueColor : primaryAccentColor;
    Color colorTabItem2 = _currentTabIndex == 2 ? blueColor : primaryAccentColor;

    List<Widget> _tabsButton = [
      Container(
        width: yourWidth,
        height: yourHeight,
        alignment: Alignment.center,
        child: Tab(
          icon: Icon(
            _currentTabIndex == 0 ? Icons.upload_outlined : Icons.upload_rounded,
            color: colorTabItem0,
          ),
          child: Text(translate('tabs.upload'), style: TextStyle(color: colorTabItem0)),
        ),
      ),
      Container(
        width: yourWidth,
        height: yourHeight,
        alignment: Alignment.center,
        child: Tab(
          icon: Icon(
            _currentTabIndex == 1 ? Icons.history_outlined : Icons.history_rounded,
            color: colorTabItem1,
          ),
          child: Text(translate('tabs.history'), style: TextStyle(color: colorTabItem1)),
        ),
      ),
      Container(
        width: yourWidth,
        height: yourHeight,
        alignment: Alignment.center,
        child: Tab(
          icon: Icon(
            _currentTabIndex == 2 ? Icons.person_outlined : Icons.person_rounded,
            color: colorTabItem2,
          ),
          child: Text(translate('tabs.profile'), style: TextStyle(color: colorTabItem2)),
        ),
      ),
    ];

    return Scaffold(
      body: IndexedStack(index: _currentTabIndex, children: _tabPages),
      bottomNavigationBar: BottomAppBar(
          child: TabBar(
        indicatorSize: TabBarIndicatorSize.label,
        labelColor: primaryAccentColor,
        indicatorColor: blueColor,
        indicatorWeight: 3.0,
        labelPadding: EdgeInsets.all(0),
        tabs: _tabsButton,
        isScrollable: true,
        controller: _tabController,
      )),
    );
  }
}