Skip to content

Commit

Permalink
Mobile Screen 92 (#74)
Browse files Browse the repository at this point in the history
  • Loading branch information
@easy-Coder
easy-Coder authored Nov 4, 2023
1 parent 14978bc commit 1fd1b61
Show file tree
Hide file tree
Showing 6 changed files with 208 additions and 3 deletions.
6 changes: 3 additions & 3 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -126,9 +126,9 @@ flutter build apk
| ---------------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------- |
| <img src="art/screenshots/page_85.png" width="200"/> | <img src="art/screenshots/page_86.png" width="200"/> | <img src="art/screenshots/page_87.png" width="200"/> | <img src="art/screenshots/page_88.png" width="200"/> |

| Page 89 | Page 90 | Page 91 | Page 92 |
| ---------------------------------------------------- | ---------------------------------------------------- | ------- | ------- |
| <img src="art/screenshots/page_89.png" width="200"/> | <img src="art/screenshots/page_90.png" width="200"/> | | |
| Page 89 | Page 90 | Page 91 | Page 92 |
| ---------------------------------------------------- | ---------------------------------------------------- | ------- | ---------------------------------------------------- |
| <img src="art/screenshots/page_89.png" width="200"/> | <img src="art/screenshots/page_90.png" width="200"/> | | <img src="art/screenshots/page_92.png" width="200"/> |

| Page 93 | Page 94 | Page 95 | Page 96 |
| ------- | ------- | ------- | ------- |
Expand Down
Binary file added art/screenshots/page_92.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.
193 changes: 193 additions & 0 deletions lib/src/mobile_ui/92/page_92.dart
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,193 @@
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

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

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: Colors.white,
foregroundColor: Colors.black,
actions: [
Padding(
padding: const EdgeInsets.only(right: 8.0),
child: CircleAvatar(
radius: 20.r,
backgroundColor: Color(0xFFC4C4C4),
foregroundColor: Colors.black,
child: Icon(
Icons.person,
size: 24.w,
),
),
),
],
),
body: ListView(
padding: EdgeInsets.symmetric(vertical: 14.h, horizontal: 12.w),
children: [
SizedBox(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Hey, Oscar',
style: TextStyle(
color: Colors.black,
fontSize: 24,
fontFamily: 'Work Sans',
fontWeight: FontWeight.w600,
),
),
3.verticalSpace,
Text(
'Where to next?',
style: TextStyle(
color: Colors.black,
fontSize: 16,
fontFamily: 'Work Sans',
fontWeight: FontWeight.w400,
),
),
],
),
),
32.verticalSpace,
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Container(
width: 60.w,
height: 60.h,
decoration: ShapeDecoration(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
side: BorderSide(),
),
),
child: Icon(Icons.airplanemode_active),
),
60.horizontalSpace,
Container(
width: 60.w,
height: 60.h,
decoration: ShapeDecoration(
color: Color(0xFFFF832B),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
side: BorderSide(),
),
),
child: Icon(
Icons.bedtime,
color: Colors.white,
),
),
60.horizontalSpace,
Container(
width: 60.w,
height: 60.h,
decoration: ShapeDecoration(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
side: BorderSide(),
),
),
child: Icon(Icons.directions_car),
),
],
),
37.verticalSpace,
TextField(
decoration: InputDecoration(
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
borderSide: BorderSide.none,
gapPadding: 7,
),
prefixIcon: Icon(Icons.search),
suffixIcon: Icon(Icons.mic),
fillColor: Color(0x1E767680),
filled: true,
hintText: "Find a place to crash",
hintStyle: TextStyle(
color: Color(0x993C3C43),
fontSize: 17,
fontFamily: 'SF Pro Text',
fontWeight: FontWeight.w400,
letterSpacing: -0.41,
),
contentPadding: EdgeInsets.symmetric(
vertical: 7.0,
),
),
),
32.verticalSpace,
SizedBox(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Explore from Seattle',
style: TextStyle(
color: Colors.black,
fontSize: 20,
fontFamily: 'Work Sans',
fontWeight: FontWeight.w600,
),
),
2.verticalSpace,
Text(
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Facilisis id vestibulum elit, at. Vulputate erat vel euismod sociis lacus. Ut nulla id est ante.',
style: TextStyle(
color: Colors.black,
fontSize: 16,
fontFamily: 'Work Sans',
fontWeight: FontWeight.w400,
),
),
],
),
),
16.verticalSpace,
Container(
height: 320.h,
decoration: ShapeDecoration(
color: Color(0xFFC4C4C4),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
),
),
alignment: Alignment.bottomCenter,
padding: EdgeInsets.symmetric(horizontal: 33.w, vertical: 24.h),
child: Container(
width: double.infinity,
height: 38.h,
padding: const EdgeInsets.all(8),
decoration: ShapeDecoration(
color: Colors.white,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8)),
),
alignment: Alignment.center,
child: Text(
'Get perks & start to earn',
textAlign: TextAlign.center,
style: TextStyle(
color: Color(0xFF262626),
fontSize: 14,
fontFamily: 'Work Sans',
fontWeight: FontWeight.w500,
),
),
),
),
26.verticalSpace,
],
),
drawer: Drawer(),
);
}
}
5 changes: 5 additions & 0 deletions lib/src/mobile_ui/root/root.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -554,6 +554,11 @@ class RootWidget extends StatelessWidget {
onPressed: () {
context.push("/${MobileRoutes.pg90}");
}),
PageButtonWidget(
page: 92,
onPressed: () {
context.push("/${MobileRoutes.pg92}");
}),

_RangeHeader(text: "101 -150"),

Expand Down
1 change: 1 addition & 0 deletions lib/src/mobile_ui/routes/routes.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -98,6 +98,7 @@ class MobileRoutes {
static const pg88 = 'pg88';
static const pg90 = 'pg90';
static const pg89 = 'pg89';
static const pg92 = "pg92";

/// 81 - 100
Expand Down
6 changes: 6 additions & 0 deletions lib/src/navigation/new_routes.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -74,6 +74,7 @@ import 'package:flutter_ui_kit_obkm/src/mobile_ui/88/page_88.dart';
import 'package:flutter_ui_kit_obkm/src/mobile_ui/89/page_89.dart';
import 'package:flutter_ui_kit_obkm/src/mobile_ui/9/page9.dart';
import 'package:flutter_ui_kit_obkm/src/mobile_ui/90/page_90.dart';
import 'package:flutter_ui_kit_obkm/src/mobile_ui/92/page_92.dart';
import 'package:flutter_ui_kit_obkm/src/mobile_ui/root/root.dart';
import 'package:flutter_ui_kit_obkm/src/mobile_ui/routes/routes.dart';
import 'package:go_router/go_router.dart';
Expand Down Expand Up @@ -555,6 +556,11 @@ var newRoutesConfig = GoRouter(
builder: (BuildContext context, GoRouterState state) => Page89(),
),

GoRoute(
path: MobileRoutes.pg92,
builder: (BuildContext context, GoRouterState state) => Page92(),
),

/// 141 - 160
GoRoute(
path: MobileRoutes.pg156,
Expand Down

0 comments on commit 1fd1b61

Please sign in to comment.