Skip to content

Commit

Permalink
Mobile Screen 87 (#70)
Browse files Browse the repository at this point in the history
  • Loading branch information
easy-Coder authored Oct 28, 2023
1 parent 2f700c2 commit 67f2d5e
Show file tree
Hide file tree
Showing 40 changed files with 4,642 additions and 14 deletions.
35 changes: 21 additions & 14 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -106,30 +106,37 @@ flutter build apk
| ---------------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------- |
| <img src="art/screenshots/page_65.png" width="200"/> | <img src="art/screenshots/page_66.png" width="200"/> | <img src="art/screenshots/page_67.png" width="200"/> | <img src="art/screenshots/page_68.png" width="200"/> |

| Page 69 | Page 70 | Page 71 | Page 72 |
| ---------------------------------------------------- | ---------------------------------------------------- | ------- | ---------------------------------------------------- |
| <img src="art/screenshots/page_69.png" width="200"/> | <img src="art/screenshots/page_70.png" width="200"/> | | <img src="art/screenshots/page_72.png" width="200"/> |

| Page 69 | Page 70 | Page 71 | Page 72 |
| ---------------------------------------------------- | ---------------------------------------------------- | ------- | ------- |
| <img src="art/screenshots/page_69.png" width="200"/> | <img src="art/screenshots/page_70.png" width="200"/> | | |
| Page 73 | Page 74 | Page 75 | Page 76 |
| ---------------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------- |
| <img src="art/screenshots/page_73.png" width="200"/> | <img src="art/screenshots/page_74.png" width="200"/> | <img src="art/screenshots/page_75.png" width="200"/> | <img src="art/screenshots/page_76.png" width="200"/> |

| Page 73 | Page 74 | Page 75 | Page 76 |
| ------- | ------- | ------- | ------- |
| | | | |
| Page 77 | Page 78 | Page 79 | Page 80 |
| ---------------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------- |
| <img src="art/screenshots/page_77.png" width="200"/> | <img src="art/screenshots/page_78.png" width="200"/> | <img src="art/screenshots/page_79.png" width="200"/> | <img src="art/screenshots/page_80.png" width="200"/> |

| Page 77 | Page 78 | Page 79 | Page 80 |
| ------- | ------- | ------- | ------- |
| | | | |
| Page 81 | Page 82 | Page 83 | Page 84 |
| ---------------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------- |
| <img src="art/screenshots/page_81.png" width="200"/> | <img src="art/screenshots/page_82.png" width="200"/> | <img src="art/screenshots/page_83.png" width="200"/> | <img src="art/screenshots/page_84.png" width="200"/> |

| Page 85 | Page 86 | Page 87 | Page 88 |
| ---------------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------- | ------- |
| <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"/> | |

| Page 91 | Page 92 | Page 93 | Page 94 |
| Page 89 | Page 90 | Page 91 | Page 92 |
| ------- | ------- | ------- | ------- |
| | | | |

| Page 95 | Page 96 | Page 97 | Page 98 |
| Page 93 | Page 94 | Page 95 | Page 96 |
| ------- | ------- | ------- | ------- |
| | | | |

| Page 99 | Page 100 |
| ------- | -------- |
| | |
| Page 97 | Page 98 | Page 99 | Page 100 |
| ------- | ------- | ------- | -------- |
| | | | |

<br />
Web Page 7
Expand Down
Binary file added art/screenshots/page_72.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added art/screenshots/page_73.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added art/screenshots/page_74.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added art/screenshots/page_75.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added art/screenshots/page_76.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added art/screenshots/page_77.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added art/screenshots/page_78.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added art/screenshots/page_79.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added art/screenshots/page_80.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added art/screenshots/page_81.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added art/screenshots/page_82.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added art/screenshots/page_83.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added art/screenshots/page_84.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added art/screenshots/page_85.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added art/screenshots/page_86.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added art/screenshots/page_87.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions assets/svg/m76/google.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions assets/svg/m76/twitter.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
239 changes: 239 additions & 0 deletions lib/src/mobile_ui/72/page_72.dart
Original file line number Diff line number Diff line change
@@ -0,0 +1,239 @@
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

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

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
foregroundColor: Colors.black,
backgroundColor: Colors.white,
title: Text("Home"),
actions: [
IconButton(
onPressed: () {},
icon: Icon(Icons.notifications_none),
),
IconButton(
onPressed: () {},
icon: Icon(Icons.search),
),
],
),
body: SingleChildScrollView(
padding: EdgeInsets.symmetric(vertical: 24),
child: Column(
children: [
...List.generate(
3,
(index) => Container(
margin: EdgeInsets.only(bottom: 20, left: 8, right: 8),
padding: EdgeInsets.only(bottom: 24),
decoration: BoxDecoration(
border: Border(
bottom: BorderSide(color: Color(0xffD0D0D0)),
),
),
child: Column(
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Expanded(
child: Text(
'G-7 finance ministers strike landmark deal on taxing multinationals, tech giants',
style: TextStyle(
color: Colors.black,
fontSize: 18,
fontFamily: 'Work Sans',
fontWeight: FontWeight.w500,
),
),
),
SizedBox(width: 10),
Container(
width: 80,
height: 80,
decoration: BoxDecoration(color: Color(0xFFC4C4C4)),
)
],
),
SizedBox(
height: 24,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Author Name',
style: TextStyle(
color: Colors.black,
fontSize: 14,
fontFamily: 'Work Sans',
fontWeight: FontWeight.w400,
),
),
const SizedBox(height: 2),
Text(
'May 20 · 5 min read',
style: TextStyle(
color: Color(0xFFA8A8A8),
fontSize: 12,
fontFamily: 'Work Sans',
fontWeight: FontWeight.w400,
),
),
],
),
Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(Icons.bookmark_border),
const SizedBox(width: 24),
Icon(Icons.more_vert),
],
),
],
),
],
),
),
),
Container(
padding: EdgeInsets.all(24),
decoration: BoxDecoration(color: Color(0xFFF4F4F4)),
child: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'New for you',
style: TextStyle(
color: Color(0xFFFF832B),
fontSize: 18,
fontFamily: 'Work Sans',
fontWeight: FontWeight.w600,
),
),
Row(
children: [
Text(
'Customize',
style: TextStyle(
color: Color(0xFF262626),
fontSize: 12,
fontFamily: 'Work Sans',
fontWeight: FontWeight.w400,
),
),
Container(
height: 15,
margin: EdgeInsets.symmetric(horizontal: 16),
decoration: ShapeDecoration(
shape: RoundedRectangleBorder(
side: BorderSide(
width: 1,
strokeAlign: BorderSide.strokeAlignCenter,
color: Color(0xFF000000),
),
),
),
),
Text(
'See all',
style: TextStyle(
color: Color(0xFF262626),
fontSize: 12,
fontFamily: 'Work Sans',
fontWeight: FontWeight.w400,
),
)
],
),
],
),
SizedBox(
height: 9,
),
Row(
children: List.generate(
5,
(index) => Container(
margin: EdgeInsets.only(right: 16),
child: Column(
children: [
Container(
width: 55,
height: 55,
decoration: ShapeDecoration(
color: Color(0xFF525252),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8)),
),
),
SizedBox(
height: 12,
),
Container(
width: 15,
decoration: ShapeDecoration(
shape: RoundedRectangleBorder(
side: BorderSide(
width: 3,
strokeAlign: BorderSide.strokeAlignCenter,
color: index == 0
? Color(0xFFA8A8A8)
: Colors.transparent,
),
),
),
)
],
),
),
),
),
],
),
),
SizedBox(
height: 12,
),
Container(
height: 90,
margin: EdgeInsets.symmetric(horizontal: 24),
padding: EdgeInsets.symmetric(horizontal: 21, vertical: 16),
decoration: BoxDecoration(
color: Color(0xFFD0D0D0),
),
alignment: Alignment.topLeft,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'Author name',
style: TextStyle(
color: Color(0xFF262626),
fontSize: 18,
fontFamily: 'Work Sans',
fontWeight: FontWeight.w600,
),
),
Icon(Icons.arrow_circle_right_outlined)
],
),
)
],
),
),
drawer: Drawer(),
);
}
}
Loading

0 comments on commit 67f2d5e

Please sign in to comment.