107 lines
3.7 KiB
Dart
107 lines
3.7 KiB
Dart
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_wisetronic/generated/l10n.dart';
|
|
import 'package:flutter_wisetronic/widgets/general/navigationbar_logo.dart';
|
|
import 'package:flutter_wisetronic/widgets/general/text_link.dart';
|
|
|
|
class DesktopNavigationBar extends StatefulWidget {
|
|
const DesktopNavigationBar({Key key}) : super(key: key);
|
|
|
|
@override
|
|
State<StatefulWidget> createState() {
|
|
return DesktopNavigationBarState();
|
|
}
|
|
|
|
}
|
|
|
|
class DesktopNavigationBarState extends State<DesktopNavigationBar> {
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
String currentRoute = ModalRoute.of(context).settings.name;
|
|
return Stack(
|
|
children: [
|
|
Container(
|
|
color: Colors.blue,
|
|
height: 80.0,
|
|
),
|
|
Container(
|
|
height: 80.0,
|
|
padding: EdgeInsets.only(left: 10.0, right: 10.0, top: 5.0, bottom: 5.0),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
NavigationBarLogo(),
|
|
Expanded(
|
|
child: Container(
|
|
alignment: Alignment.centerRight,
|
|
padding: EdgeInsets.only(left: 8.0, right: 16.0),
|
|
child: SingleChildScrollView(
|
|
scrollDirection: Axis.horizontal,
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
SizedBox(width: 20.0,),
|
|
TextLink(
|
|
S.of(context).home,
|
|
'/',
|
|
color: Colors.white,
|
|
selected: currentRoute == '/',
|
|
clearStack: true,
|
|
),
|
|
SizedBox(width: 15.0,),
|
|
TextLink(
|
|
S.of(context).download,
|
|
'/download',
|
|
color: Colors.white,
|
|
selected: currentRoute == '/download',
|
|
),
|
|
SizedBox(width: 15.0,),
|
|
TextLink(
|
|
S.of(context).tutorials,
|
|
'/tutorials',
|
|
color: Colors.white,
|
|
selected: currentRoute == '/tutorials',
|
|
),
|
|
SizedBox(width: 15.0,),
|
|
TextLink(
|
|
S.of(context).support,
|
|
'/support',
|
|
color: Colors.white,
|
|
selected: currentRoute == '/support',
|
|
),
|
|
SizedBox(width: 15.0,),
|
|
TextLink(
|
|
S.of(context).shop,
|
|
'/shop',
|
|
color: Colors.white,
|
|
selected: currentRoute == '/shop',
|
|
),
|
|
SizedBox(width: 15.0,),
|
|
TextLink(
|
|
S.of(context).blog,
|
|
'/blog',
|
|
color: Colors.white,
|
|
selected: currentRoute == '/blog',
|
|
),
|
|
SizedBox(width: 15.0,),
|
|
TextLink(
|
|
S.of(context).login,
|
|
'/login',
|
|
color: Colors.white,
|
|
selected: currentRoute == '/login',
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
} |