Skip to content

Commit

Permalink
Mobile Screen 60 (#52)
Browse files Browse the repository at this point in the history
  • Loading branch information
@easy-Coder
easy-Coder authored Oct 8, 2023
1 parent 069ac8e commit a849eee
Show file tree
Hide file tree
Showing 5 changed files with 212 additions and 3 deletions.
3 changes: 2 additions & 1 deletion README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -94,9 +94,10 @@ flutter build apk
| ---------------------------------------------------- | ---------------------------------------------------- | ------- | ------- |
| <img src="art/screenshots/page_53.png" width="200"/> | <img src="art/screenshots/page_54.png" width="200"/> | | |


| Page 57 | Page 58 | Page 59 | Page 60 |
| ------- | ------- | ------- | ------- |
| | | <img src="art/screenshots/page_59.png" width="200"/> | |
| | | <img src="art/screenshots/page_59.png" width="200"/> |<img src="art/screenshots/page_60.png" width="200"/>|

| Page 61 | Page 62 | Page 63 | Page 64 |
| ------- | ------- | ------- | ------- |
Expand Down
Binary file added art/screenshots/page_60.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
203 changes: 203 additions & 0 deletions lib/src/mobile_ui/60/page_60.dart
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,203 @@
import 'package:flutter/material.dart';

class Page60 extends StatelessWidget {
const Page60({super.key});

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
foregroundColor: Colors.black,
backgroundColor: Colors.white,
elevation: 0,
centerTitle: false,
title: Container(
width: 122,
height: 15,
decoration: BoxDecoration(
color: Color(0xFFA8A8A8),
borderRadius: BorderRadius.circular(50),
),
),
actions: [
Padding(
padding: EdgeInsets.only(right: 24),
child: Container(
width: 30,
height: 30,
decoration: BoxDecoration(
color: Color(0xFFC4C4C4),
shape: BoxShape.circle,
),
),
)
],
),
body: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
SizedBox(
child: Column(
children: [
Container(
width: 130,
height: 130,
decoration: ShapeDecoration(
color: Color(0xFFC4C4C4),
shape: OvalBorder(),
),
),
SizedBox(
height: 16,
),
Container(
width: 122,
height: 15,
decoration: ShapeDecoration(
color: Color(0xFFA8A8A8),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(50),
),
),
)
],
),
),
],
),
SizedBox(
height: 43,
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 40.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: List.generate(
3,
(index) => SizedBox(
child: Column(
children: [
Container(
width: 63,
height: 63,
decoration: ShapeDecoration(
color: Color(0xFFC4C4C4),
shape: OvalBorder(),
),
),
SizedBox(
height: 16,
),
Container(
width: 60,
height: 15,
decoration: ShapeDecoration(
color: Color(0xFFA8A8A8),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(50),
),
),
)
],
),
),
),
),
),
SizedBox(
height: 45,
),
Expanded(
child: Container(
width: double.infinity,
padding: EdgeInsets.only(
right: 31,
left: 31,
top: 32,
),
decoration: ShapeDecoration(
color: Color(0xFFF4F4F4),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(24),
),
),
child: Column(
children: List.generate(
4,
(index) => Container(
margin: EdgeInsets.only(top: index == 0 ? 0 : 40),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
SizedBox(
child: Row(
children: [
Container(
width: 30,
height: 30,
decoration: BoxDecoration(
color: Color(0xFFC4C4C4),
shape: BoxShape.circle,
),
),
SizedBox(
width: 24,
),
Container(
width: 122,
height: 15,
decoration: ShapeDecoration(
color: Color(0xFFA8A8A8),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(50),
),
),
),
],
),
),
Icon(
Icons.arrow_forward,
size: 24,
),
],
),
),
),
),
),
)
],
),
bottomNavigationBar: Container(
// height: 81,
padding: EdgeInsets.symmetric(
horizontal: 28,
vertical: 24,
),
decoration: ShapeDecoration(
color: Color(0xFF525252),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.vertical(top: Radius.circular(24)),
),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: List.generate(
4,
(index) => Container(
width: 40,
height: 40,
decoration: BoxDecoration(
color: Color(0xFFC4C4C4),
shape: BoxShape.circle,
),
),
),
),
),
);
}
}
6 changes: 5 additions & 1 deletion lib/src/mobile_ui/root/root.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -392,13 +392,17 @@ class RootWidget extends StatelessWidget {
context.push("/${MobileRoutes.pg58}");
},
),

PageButtonWidget(
page: 59,
onPressed: () {
context.push("/${MobileRoutes.pg59}");
},
),

PageButtonWidget(
page: 60,
onPressed: () {
context.push("/${MobileRoutes.pg60}");

_RangeHeader(text: "101 -150"),

Expand Down
3 changes: 2 additions & 1 deletion lib/src/navigation/new_routes.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,7 @@ import 'package:flutter_ui_kit_obkm/src/mobile_ui/57/page_57.dart';
import 'package:flutter_ui_kit_obkm/src/mobile_ui/58/page_58.dart';
import 'package:flutter_ui_kit_obkm/src/mobile_ui/59/page_59.dart';
import 'package:flutter_ui_kit_obkm/src/mobile_ui/6/page6.dart';
import 'package:flutter_ui_kit_obkm/src/mobile_ui/60/page_60.dart';
import 'package:flutter_ui_kit_obkm/src/mobile_ui/7/page7.dart';
import 'package:flutter_ui_kit_obkm/src/mobile_ui/8/page8.dart';
import 'package:flutter_ui_kit_obkm/src/mobile_ui/9/page9.dart';
Expand Down Expand Up @@ -384,7 +385,7 @@ var newRoutesConfig = GoRouter(
GoRoute(
path: MobileRoutes.pg60,
builder: (BuildContext context, GoRouterState state) =>
const SizedBox(),
const Page60(),
),

/// 141 - 160
Expand Down

0 comments on commit a849eee

Please sign in to comment.