87 lines
2.5 KiB
Dart
87 lines
2.5 KiB
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 = 70;
|
||
|
|
|
||
|
|
List<Widget> _tabsButton = [
|
||
|
|
Container(
|
||
|
|
width: yourWidth,
|
||
|
|
height: yourHeight,
|
||
|
|
alignment: Alignment.center,
|
||
|
|
child: Tab(icon: Icon(Icons.upload_rounded), text: translate('tabs.upload'))),
|
||
|
|
Container(
|
||
|
|
width: yourWidth,
|
||
|
|
height: yourHeight,
|
||
|
|
alignment: Alignment.center,
|
||
|
|
child: Tab(icon: Icon(Icons.history), text: translate('tabs.history'))),
|
||
|
|
Container(
|
||
|
|
width: yourWidth,
|
||
|
|
height: yourHeight,
|
||
|
|
alignment: Alignment.center,
|
||
|
|
child: Tab(icon: Icon(Icons.person), text: translate('tabs.profile'))),
|
||
|
|
];
|
||
|
|
|
||
|
|
return Scaffold(
|
||
|
|
body: IndexedStack(index: _currentTabIndex, children: _tabPages),
|
||
|
|
bottomNavigationBar: BottomAppBar(
|
||
|
|
child: TabBar(
|
||
|
|
indicatorSize: TabBarIndicatorSize.label,
|
||
|
|
labelColor: primaryAccentColor,
|
||
|
|
labelPadding: EdgeInsets.all(0),
|
||
|
|
tabs: _tabsButton,
|
||
|
|
isScrollable: true,
|
||
|
|
controller: _tabController,
|
||
|
|
)),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|