Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mobile Screen 92 #74

Merged
merged 8 commits into from
Nov 4, 2023
Merged

Mobile Screen 92 #74

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
69c1a9a
fix warnings that occur with flutter upgrade
easy-Coder Nov 1, 2023
8d71e00
update .gitignore
easy-Coder Nov 1, 2023
ac7f775
reduce dart lints warnings
easy-Coder Nov 1, 2023
8ab1e8f
implement screen 92
easy-Coder Nov 3, 2023
89e6baf
add screen to route
easy-Coder Nov 3, 2023
5ae2111
Merge branch 'main' into feature/m92
easy-Coder Nov 3, 2023
e20c6aa
add screenshot
easy-Coder Nov 3, 2023
f2be792
update README
easy-Coder Nov 3, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions README.md
View file
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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