Compare commits

...

2 Commits

Author SHA1 Message Date
e629706264
start making the bottom bar 2025-04-08 21:04:09 +02:00
84bcd0bbcf
start making the *bottom* bar
Co-authored-by: Armand <4831c0@users.noreply.github.com>
2025-04-08 21:04:06 +02:00
2 changed files with 110 additions and 43 deletions

View File

@ -3,6 +3,7 @@ import 'dart:ui';
class Colors { class Colors {
Color background; Color background;
Color accent; Color accent;
Color accentSecondary;
Color primaryText; Color primaryText;
Color card; Color card;
Color grade1; Color grade1;
@ -14,6 +15,7 @@ class Colors {
Colors({ Colors({
required this.background, required this.background,
required this.accent, required this.accent,
required this.accentSecondary,
required this.primaryText, required this.primaryText,
required this.card, required this.card,
required this.grade1, required this.grade1,
@ -29,6 +31,7 @@ class Colors {
final Colors defaultColors = Colors( final Colors defaultColors = Colors(
background: Color(0xFFFAFFF0), background: Color(0xFFFAFFF0),
accent: Color(0xFFA7DC22), accent: Color(0xFFA7DC22),
accentSecondary: Color(0xFF6E8F1B),
primaryText: Color(0xFF394C0A), primaryText: Color(0xFF394C0A),
card: Color(0xFFF3FBDE), card: Color(0xFFF3FBDE),

View File

@ -4,6 +4,8 @@ import 'package:flutter/services.dart';
import 'package:flutter/foundation.dart'; import 'package:flutter/foundation.dart';
import 'package:shake_gesture/shake_gesture.dart'; import 'package:shake_gesture/shake_gesture.dart';
import '../debug/debug_screen.dart'; import '../debug/debug_screen.dart';
import 'package:majesticons_flutter/majesticons_flutter.dart';
import 'package:firka/ui/phone/model/colors.dart' as appcolors;
class HomeScreen extends StatefulWidget { class HomeScreen extends StatefulWidget {
final AppInitialization data; final AppInitialization data;
@ -43,58 +45,120 @@ class _HomeScreenState extends State<HomeScreen> {
systemNavigationBarColor: Color(0xFFDAE4F7), systemNavigationBarColor: Color(0xFFDAE4F7),
)); ));
return Scaffold( return Scaffold(
appBar: AppBar( appBar: AppBar(
title: const Text('Home'), title: const Text('Home'),
centerTitle: true, centerTitle: true,
), ),
body: SafeArea( body: SafeArea(
child: SizedBox( child: SizedBox(
height: MediaQuery.of(context).size.height, height: MediaQuery.of(context).size.height,
child: Stack( child: Stack(
children: [ children: [
Column( Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
Row( Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Padding(
padding: const EdgeInsets.all(8.0),
child: Text("Top Text"),
),
],
),
Container(
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.bottomCenter,
end: Alignment.topCenter,
colors: [
Colors.white,
Colors.white.withOpacity(0.0),
],
stops: const [0.0, 1.0],
),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
Padding( Padding(
padding: const EdgeInsets.all(8.0), padding: const EdgeInsets.all(8.0),
child: Text("Top Text"), child: Row(
children: [
Column(
children: [
IconButton(
onPressed: () {
setState(() {
page = ActiveHomePage.home;
});
},
icon: page == ActiveHomePage.home
? Majesticon(Majesticon.homeSolid,
color:
appcolors.colors.accent)
.build(context)
: Majesticon(Majesticon.homeLine,
color: appcolors
.colors.accentSecondary)
.build(context)),
Text("Fasz mhh nyami")
],
),
IconButton(
onPressed: () {
setState(() {
page = ActiveHomePage.grades;
});
},
icon: page == ActiveHomePage.grades
? Majesticon(Majesticon.bookmarkSolid,
color: appcolors.colors.accent)
.build(context)
: Majesticon(Majesticon.bookmarkLine,
color: appcolors
.colors.accentSecondary)
.build(context)),
IconButton(
onPressed: () {
setState(() {
page = ActiveHomePage.timetable;
});
},
icon: page == ActiveHomePage.timetable
? Majesticon(Majesticon.calendarSolid,
color: appcolors.colors.accent)
.build(context)
: Majesticon(Majesticon.calendarLine,
color: appcolors
.colors.accentSecondary)
.build(context)),
IconButton(
onPressed: () {
setState(() {
page = ActiveHomePage.other;
});
},
icon: page == ActiveHomePage.other
? Majesticon(Majesticon.homeSolid,
color: appcolors.colors.accent)
.build(context)
: Majesticon(Majesticon.homeLine,
color: appcolors
.colors.accentSecondary)
.build(context)),
],
),
), ),
], ],
), ),
Container( ),
decoration: BoxDecoration( ],
gradient: LinearGradient( ),
begin: Alignment.bottomCenter, ],
end: Alignment.topCenter,
colors: [
Colors.white,
Colors.white.withOpacity(0.0),
],
stops: const [0.0, 1.0],
),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Padding(
padding: const EdgeInsets.all(8.0),
child: Row(
children: [
],
),
),
],
),
),
],
),
],
),
), ),
), ),
),
); );
} }
} }