Skip to content

Instantly share code, notes, and snippets.

@rayliverified

rayliverified/0RkarqFhaQbDvrnQ62kY.dart

Created December 28, 2024 08:48
Show Gist options
  • Save rayliverified/22b04858091b6fac286fa1c662944f97 to your computer and use it in GitHub Desktop.
Save rayliverified/22b04858091b6fac286fa1c662944f97 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
0RkarqFhaQbDvrnQ62kY.dart
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return const MaterialApp(
title: 'MyApp Demo',
debugShowCheckedModeBanner: false,
home: Scaffold(
body: GetApprovedScreen(),
),
);
}
}
class GetApprovedScreen extends StatelessWidget {
const GetApprovedScreen({super.key});
@override
Widget build(BuildContext context) {
return Container(
width: 375,
height: 812,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Colors.white,
),
child: SizedBox(
width: double.infinity,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 26,
top: 55,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RigmakYwMNTzec0ugW1%2Fecd55a38-cd56-4f34-893f-d69bd3800624.png',
width: 12,
height: 12,
fit: BoxFit.contain,
),
),
Positioned(
left: 20,
top: 727,
child: Container(
width: 335,
height: 51,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF32D34A),
borderRadius: BorderRadius.circular(10),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 134,
top: 13,
child: Text(
'Continue',
style: GoogleFonts.getFont(
'Inter',
color: Colors.white,
fontSize: 15,
fontWeight: FontWeight.w600,
letterSpacing: -0.1,
height: 1.6,
),
),
)
],
),
),
),
Positioned(
left: 19,
top: 84,
child: Text(
'Get Approved to Drive',
style: GoogleFonts.getFont(
'Inter',
color: const Color(0xFF131313),
fontSize: 24,
fontWeight: FontWeight.bold,
height: 1.6,
),
),
),
Positioned(
left: 19,
top: 125,
child: SizedBox(
width: 337,
child: Text(
'Since this is your first trip, you’ll need to provide us with some information before you can check out.',
style: GoogleFonts.getFont(
'Inter',
color: const Color(0x7F131313),
fontSize: 15,
height: 1.6,
),
),
),
),
Positioned(
left: 20,
top: 213,
child: Container(
width: 335,
height: 372,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0x0C32D34A),
borderRadius: BorderRadius.circular(20),
),
),
),
Positioned(
left: 36,
top: 233,
child: SizedBox(
width: 303,
height: 332,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: SizedBox(
width: 303,
height: 65,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 24,
height: 24,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 4,
top: 2,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RigmakYwMNTzec0ugW1%2Ff33491f5-179a-4e93-9821-bb88eedeab15.png',
width: 16,
height: 20,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 34,
top: 0,
child: SizedBox(
width: 269,
height: 65,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: SizedBox(
width: 92,
height: 23,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: Text(
'Profile Photo',
style: GoogleFonts.getFont(
'Inter',
color:
const Color(0xFF131313),
fontSize: 15,
fontWeight: FontWeight.w600,
letterSpacing: -0.1,
height: 1.6,
),
),
)
],
),
),
),
Positioned(
left: 0,
top: 25,
child: SizedBox(
width: 269,
height: 40,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: SizedBox(
width: 271,
child: Text(
'Your EcoFlex host will use it to identify you at pickup.',
style: GoogleFonts.getFont(
'Inter',
color:
const Color(0x7F131313),
fontSize: 13,
height: 1.6,
),
),
),
)
],
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 0,
top: 76,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RigmakYwMNTzec0ugW1%2Fc47e7969-a67e-4a27-925f-e13b1312eaa5.png',
width: 303,
height: 1,
fit: BoxFit.contain,
),
),
Positioned(
left: 0,
top: 89,
child: SizedBox(
width: 303,
height: 65,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 24,
height: 24,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 24,
height: 24,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 2,
top: 2,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RigmakYwMNTzec0ugW1%2F9b82b851-0965-465e-be55-2fcf5a133fdb.png',
width: 20,
height: 20,
fit: BoxFit.contain,
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 34,
top: 0,
child: SizedBox(
width: 269,
height: 65,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: SizedBox(
width: 107,
height: 23,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: Text(
'Phone Number',
style: GoogleFonts.getFont(
'Inter',
color:
const Color(0xFF131313),
fontSize: 15,
fontWeight: FontWeight.w600,
letterSpacing: -0.1,
height: 1.6,
),
),
)
],
),
),
),
Positioned(
left: 0,
top: 25,
child: SizedBox(
width: 269,
height: 40,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: SizedBox(
width: 271,
child: Text(
'We’ll send you a verification code to help secure your account',
style: GoogleFonts.getFont(
'Inter',
color:
const Color(0x7F131313),
fontSize: 13,
height: 1.6,
),
),
),
)
],
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 0,
top: 165,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RigmakYwMNTzec0ugW1%2F5a86235d-c15d-4278-a44f-06901501b215.png',
width: 303,
height: 1,
fit: BoxFit.contain,
),
),
Positioned(
left: 0,
top: 178,
child: SizedBox(
width: 303,
height: 65,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 24,
height: 24,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 24,
height: 24,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 1,
top: 4,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RigmakYwMNTzec0ugW1%2Fabb62ef8-f3b1-4a14-b60e-905cb4162d48.png',
width: 22,
height: 17,
fit: BoxFit.contain,
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 34,
top: 0,
child: SizedBox(
width: 269,
height: 65,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: SizedBox(
width: 113,
height: 23,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: Text(
'Driver’s License',
style: GoogleFonts.getFont(
'Inter',
color:
const Color(0xFF131313),
fontSize: 15,
fontWeight: FontWeight.w600,
letterSpacing: -0.1,
height: 1.6,
),
),
)
],
),
),
),
Positioned(
left: 0,
top: 25,
child: SizedBox(
width: 269,
height: 40,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: SizedBox(
width: 271,
child: Text(
'You must have a valid driver’s license to book on EcoFlex.',
style: GoogleFonts.getFont(
'Inter',
color:
const Color(0x7F131313),
fontSize: 13,
height: 1.6,
),
),
),
)
],
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 0,
top: 254,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RigmakYwMNTzec0ugW1%2F5b6c896b-d0c4-4f4d-9b3d-4795e2e67071.png',
width: 303,
height: 1,
fit: BoxFit.contain,
),
),
Positioned(
left: 0,
top: 267,
child: SizedBox(
width: 303,
height: 65,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 24,
height: 24,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 24,
height: 24,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 2,
top: 4,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RigmakYwMNTzec0ugW1%2Fdb75cd20-ee45-4769-a3bd-1433a5fd084a.png',
width: 20,
height: 16,
fit: BoxFit.contain,
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 34,
top: 0,
child: SizedBox(
width: 269,
height: 65,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: SizedBox(
width: 122,
height: 23,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: Text(
'Payment Method',
style: GoogleFonts.getFont(
'Inter',
color:
const Color(0xFF131313),
fontSize: 15,
fontWeight: FontWeight.w600,
letterSpacing: -0.1,
height: 1.6,
),
),
)
],
),
),
),
Positioned(
left: 0,
top: 25,
child: SizedBox(
width: 269,
height: 40,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: SizedBox(
width: 271,
child: Text(
'You won’t be charged until you book your trip.',
style: GoogleFonts.getFont(
'Inter',
color:
const Color(0x7F131313),
fontSize: 13,
height: 1.6,
),
),
),
)
],
),
),
)
],
),
),
)
],
),
),
)
],
),
),
)
],
),
),
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment