about_us.dart

import 'package:ecellapp/core/res/colors.dart';
import 'package:ecellapp/core/res/strings.dart';
import 'package:ecellapp/screens/about_us/tabs/aim/aim.dart';
import 'package:ecellapp/screens/about_us/tabs/team/team.dart';
import 'package:ecellapp/screens/about_us/tabs/team/team_new.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';

class AboutUsScreen extends StatefulWidget {
  @override
  _AboutUsScreenState createState() => _AboutUsScreenState();
}

class _AboutUsScreenState extends State<AboutUsScreen> {
  int _currentIndex = 0;
  final tabs = [AimScreen(), TeamScreenNew()];

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        tabs[_currentIndex],
        Align(
          alignment: Alignment.bottomCenter,
          child: _buildBottomNavBar(context),
        ),
      ],
    );
  }

  Widget _buildBottomNavBar(context) {
    double height = MediaQuery.of(context).size.height;
    return ClipRRect(
      borderRadius: BorderRadius.all(Radius.circular(40)),
      child: Container(
          height: height / 10,
          child: BottomNavigationBar(
            selectedItemColor: Colors.orange[900],
            unselectedFontSize: 40,
            currentIndex: _currentIndex,
            onTap: (int index) {
              setState(() {
                _currentIndex = index;
              });
            },
            showSelectedLabels: true,
            showUnselectedLabels: false,
            items: [
              BottomNavigationBarItem(
                activeIcon: Container(
                  height: 40,
                  decoration: BoxDecoration(
                      shape: BoxShape.circle,
                      gradient: LinearGradient(colors: <Color>[
                        C.selectedIconThemeGrad1,
                        C.selectedIconThemeGrad2,
                        C.selectedIconThemeGrad3,
                      ], begin: Alignment.topLeft, end: Alignment.bottomRight)),
                  child: Padding(
                    padding: const EdgeInsets.all(13.0),
                    child: Image.asset(
                      S.assetAIMIcon,
                      color: Colors.white,
                    ),
                  ),
                ),
                icon: Image.asset(
                  S.assetAIMIcon,
                  height: 20,
                ),
                label: "Aim",
              ),
              BottomNavigationBarItem(
                activeIcon: Container(
                  height: 40,
                  decoration: BoxDecoration(
                      shape: BoxShape.circle,
                      gradient: LinearGradient(colors: <Color>[
                        C.selectedIconThemeGrad1,
                        C.selectedIconThemeGrad2,
                        C.selectedIconThemeGrad3,
                      ], begin: Alignment.topLeft, end: Alignment.bottomRight)),
                  child: Image.asset(
                    S.assetTeamIcon,
                    height: 20,
                    color: Colors.white,
                  ),
                ),
                icon: Image.asset(
                  S.assetTeamIcon,
                  height: 20,
                ),
                label: 'Team',
              ),
            ],
          )),
    );
  }
}