This commit is contained in:
parent
6eb6f9809e
commit
511e8cda76
9 changed files with 204 additions and 40 deletions
|
@ -1,8 +1,9 @@
|
|||
import 'dart:math';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:simple_git/resources/colors_schemes/lib_color_schemes.g.dart';
|
||||
|
||||
import 'page/actions_page.dart';
|
||||
import 'page/more_page.dart';
|
||||
import 'page/repos_page.dart';
|
||||
|
||||
void main() {
|
||||
|
@ -34,7 +35,7 @@ class _HomeScreenState extends State<HomeScreen> {
|
|||
|
||||
final screens = [
|
||||
ReposPage(),
|
||||
ActionPage(),
|
||||
MorePage(),
|
||||
];
|
||||
|
||||
@override
|
||||
|
@ -43,6 +44,7 @@ class _HomeScreenState extends State<HomeScreen> {
|
|||
body: screens[_index],
|
||||
bottomNavigationBar: NavigationBarTheme(
|
||||
data: NavigationBarThemeData(
|
||||
indicatorColor: darkColorScheme.primary,
|
||||
labelTextStyle: MaterialStateProperty.all(
|
||||
const TextStyle(fontSize: 14, fontWeight: FontWeight.w500),
|
||||
),
|
||||
|
@ -50,10 +52,13 @@ class _HomeScreenState extends State<HomeScreen> {
|
|||
child: NavigationBar(
|
||||
height: 70,
|
||||
selectedIndex: _index,
|
||||
onDestinationSelected: (index) => setState(() => this._index = index),
|
||||
destinations: const [
|
||||
NavigationDestination(icon: Icon(Icons.home_outlined), selectedIcon: Icon(Icons.home), label: 'Repos'),
|
||||
NavigationDestination(icon: Icon(Icons.add_outlined), selectedIcon: Icon(Icons.add), label: 'Actions')
|
||||
backgroundColor: lightColorScheme.primaryContainer,
|
||||
onDestinationSelected: (index) => setState(() {
|
||||
this._index = index;
|
||||
}),
|
||||
destinations: [
|
||||
NavigationDestination(icon: Icon(Icons.home_outlined, color: lightColorScheme.onPrimaryContainer), selectedIcon: Icon(Icons.home), label: 'Repos'),
|
||||
NavigationDestination(icon: Icon(Icons.more_horiz_outlined, color: lightColorScheme.onPrimaryContainer), selectedIcon: Icon(Icons.more_horiz), label: 'More'),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
|
21
lib/page/about_page.dart
Normal file
21
lib/page/about_page.dart
Normal file
|
@ -0,0 +1,21 @@
|
|||
import 'package:flutter/material.dart';
|
||||
|
||||
import '../resources/colors_schemes/lib_color_schemes.g.dart';
|
||||
|
||||
class AboutPage extends StatelessWidget {
|
||||
const AboutPage({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
iconTheme: IconThemeData(
|
||||
color: lightColorScheme.onBackground,
|
||||
),
|
||||
title: Text('About', style: TextStyle(color: lightColorScheme.onPrimaryContainer)),
|
||||
backgroundColor: lightColorScheme.primaryContainer,
|
||||
elevation: 0,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
|
@ -1,13 +0,0 @@
|
|||
import 'package:flutter/material.dart';
|
||||
|
||||
|
||||
class ActionPage extends StatelessWidget {
|
||||
const ActionPage({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
body: Text('B'),
|
||||
);
|
||||
}
|
||||
}
|
63
lib/page/more_page.dart
Normal file
63
lib/page/more_page.dart
Normal file
|
@ -0,0 +1,63 @@
|
|||
import 'package:flutter/material.dart';
|
||||
import 'package:simple_git/resources/colors_schemes/lib_color_schemes.g.dart';
|
||||
|
||||
import 'about_page.dart';
|
||||
import 'settings_page.dart';
|
||||
|
||||
class MorePage extends StatefulWidget {
|
||||
const MorePage({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<MorePage> createState() => _MorePageState();
|
||||
}
|
||||
|
||||
class _MorePageState extends State<MorePage> {
|
||||
final _texts = [
|
||||
"Settings",
|
||||
"About",
|
||||
];
|
||||
|
||||
final _icons = [
|
||||
Icons.settings_outlined,
|
||||
Icons.info_outline,
|
||||
];
|
||||
|
||||
final _pages = [
|
||||
SettingsPage(),
|
||||
AboutPage(),
|
||||
];
|
||||
|
||||
int stateIndex = 0;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: Text('More',
|
||||
style: TextStyle(color: lightColorScheme.onPrimaryContainer)),
|
||||
backgroundColor: lightColorScheme.primaryContainer,
|
||||
elevation: 0,
|
||||
),
|
||||
body: ListView.builder(
|
||||
// padding: const EdgeInsets.all(20.0),
|
||||
itemCount: _texts.length,
|
||||
itemBuilder: (context, index) {
|
||||
return ListTile(
|
||||
onTap: () => selectOption(index),
|
||||
title: Text(_texts[index]),
|
||||
leading: Icon(_icons[index], color: lightColorScheme.primary),
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
selectOption(index) {
|
||||
stateIndex = index;
|
||||
Navigator.of(context).push(PageRouteBuilder(
|
||||
pageBuilder: (context, animation, secondaryAnimation) => _pages[index],
|
||||
transitionsBuilder: (c, anim, a2, child) => FadeTransition(opacity: anim, child: child),
|
||||
transitionDuration: const Duration(milliseconds: 150),
|
||||
));
|
||||
}
|
||||
}
|
|
@ -1,5 +1,7 @@
|
|||
import 'package:flutter/material.dart';
|
||||
|
||||
import '../resources/colors_schemes/lib_color_schemes.g.dart';
|
||||
|
||||
|
||||
class ReposPage extends StatelessWidget {
|
||||
const ReposPage({Key? key}) : super(key: key);
|
||||
|
@ -7,7 +9,14 @@ class ReposPage extends StatelessWidget {
|
|||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
body: Text('A'),
|
||||
appBar: AppBar(
|
||||
title: Text('Repositories', style: TextStyle(color: lightColorScheme.onPrimaryContainer)),
|
||||
backgroundColor: lightColorScheme.primaryContainer,
|
||||
elevation: 0,
|
||||
),
|
||||
body: Container(
|
||||
child: Text('A')
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
21
lib/page/settings_page.dart
Normal file
21
lib/page/settings_page.dart
Normal file
|
@ -0,0 +1,21 @@
|
|||
import 'package:flutter/material.dart';
|
||||
|
||||
import '../resources/colors_schemes/lib_color_schemes.g.dart';
|
||||
|
||||
class SettingsPage extends StatelessWidget {
|
||||
const SettingsPage({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
iconTheme: IconThemeData(
|
||||
color: lightColorScheme.onBackground,
|
||||
),
|
||||
title: Text('Settings', style: TextStyle(color: lightColorScheme.onPrimaryContainer)),
|
||||
backgroundColor: lightColorScheme.primaryContainer,
|
||||
elevation: 0,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
65
lib/resources/colors_schemes/lib_color_schemes.g.dart
Normal file
65
lib/resources/colors_schemes/lib_color_schemes.g.dart
Normal file
|
@ -0,0 +1,65 @@
|
|||
import 'package:flutter/material.dart';
|
||||
|
||||
const seed = Color(0xFF3584E4);
|
||||
|
||||
const lightColorScheme = ColorScheme(
|
||||
brightness: Brightness.light,
|
||||
primary : Color(0xFF005EB5),
|
||||
onPrimary : Color(0xFFFFFFFF),
|
||||
primaryContainer : Color(0xFFD4E3FF),
|
||||
onPrimaryContainer : Color(0xFF001B3D),
|
||||
secondary : Color(0xFF555F71),
|
||||
onSecondary : Color(0xFFFFFFFF),
|
||||
secondaryContainer : Color(0xFFD9E3F8),
|
||||
onSecondaryContainer : Color(0xFF121C2B),
|
||||
tertiary : Color(0xFF6E5675),
|
||||
onTertiary : Color(0xFFFFFFFF),
|
||||
tertiaryContainer : Color(0xFFF8D8FE),
|
||||
onTertiaryContainer : Color(0xFF27132F),
|
||||
error : Color(0xFFBA1B1B),
|
||||
errorContainer : Color(0xFFFFDAD4),
|
||||
onError : Color(0xFFFFFFFF),
|
||||
onErrorContainer : Color(0xFF410001),
|
||||
background : Color(0xFFFDFBFF),
|
||||
onBackground : Color(0xFF1B1B1D),
|
||||
surface : Color(0xFFFDFBFF),
|
||||
onSurface : Color(0xFF1B1B1D),
|
||||
surfaceVariant : Color(0xFFE0E2EB),
|
||||
onSurfaceVariant : Color(0xFF43474F),
|
||||
outline : Color(0xFF74777F),
|
||||
onInverseSurface : Color(0xFFF1F0F4),
|
||||
inverseSurface : Color(0xFF2F3033),
|
||||
inversePrimary : Color(0xFFA5C8FF),
|
||||
shadow : Color(0xFF000000),
|
||||
);
|
||||
|
||||
const darkColorScheme = ColorScheme(
|
||||
brightness: Brightness.dark,
|
||||
primary : Color(0xFFA5C8FF),
|
||||
onPrimary : Color(0xFF003063),
|
||||
primaryContainer : Color(0xFF00468A),
|
||||
onPrimaryContainer : Color(0xFFD4E3FF),
|
||||
secondary : Color(0xFFBDC7DC),
|
||||
onSecondary : Color(0xFF273141),
|
||||
secondaryContainer : Color(0xFF3D4758),
|
||||
onSecondaryContainer : Color(0xFFD9E3F8),
|
||||
tertiary : Color(0xFFDBBDE1),
|
||||
onTertiary : Color(0xFF3E2845),
|
||||
tertiaryContainer : Color(0xFF553E5D),
|
||||
onTertiaryContainer : Color(0xFFF8D8FE),
|
||||
error : Color(0xFFFFB4A9),
|
||||
errorContainer : Color(0xFF930006),
|
||||
onError : Color(0xFF680003),
|
||||
onErrorContainer : Color(0xFFFFDAD4),
|
||||
background : Color(0xFF1B1B1D),
|
||||
onBackground : Color(0xFFE3E2E6),
|
||||
surface : Color(0xFF1B1B1D),
|
||||
onSurface : Color(0xFFE3E2E6),
|
||||
surfaceVariant : Color(0xFF43474F),
|
||||
onSurfaceVariant : Color(0xFFC3C6CF),
|
||||
outline : Color(0xFF8E919A),
|
||||
onInverseSurface : Color(0xFF1B1B1D),
|
||||
inverseSurface : Color(0xFFE3E2E6),
|
||||
inversePrimary : Color(0xFF005EB5),
|
||||
shadow : Color(0xFF000000),
|
||||
);
|
Loading…
Add table
Add a link
Reference in a new issue