Maps

import 'package:flutter/material.
dart';
void main() {
runApp(const FigmaToCodeApp());
}
// Generated by: https://www.figma.com/community/plugin/842128343887142055/

class FigmaToCodeApp extends StatelessWidget {
const FigmaToCodeApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData.dark().copyWith(
scaffoldBackgroundColor: const Color.fromARGB(255, 18, 32, 47),
),
home: Scaffold(
body: ListView(children: [
Maps(),
]),
),
);
}
}
class Maps extends StatelessWidget {

@override
Widget build(BuildContext context) {
return Column(
children: [
Container(
width: 360,
height: 808,
clipBehavior: Clip.antiAlias,
decoration: BoxDecoration(color: Colors.white),
child: Stack(
children: [
Positioned(
left: 11,
top: 41,
child: Container(
width: 48,
height: 48,
padding: const EdgeInsets.only(
top: 11.27,
left: 16,
right: 16.44,
bottom: 11.27,
),
decoration: BoxDecoration(),
child: Row(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
,
],
),
),
),
Positioned(
left: 30,
top: 129,
child: Container(
width: 300,
height: 364,
decoration: BoxDecoration(
image: DecorationImage(
image: NetworkImage("https://via.placeholder.com/300x364"),
fit: BoxFit.cover,
),
),
),
),
Positioned(
left: 30,
top: 571,
child: Container(
width: 297,
height: 107,
child: Stack(
children: [
Positioned(
left: 112,
top: 2,
child: Text(
'Hospital name',
style: TextStyle(
color: Colors.black,
fontSize: 16,
fontFamily: 'Inter',
fontWeight: FontWeight.w600,
height: 0,
),
),
),
Positioned(
left: 0,
top: 0,
child: Container(
width: 103,
height: 107,
decoration: ShapeDecoration(
image:
NetworkImage("https://via.placeholder.com/103x107"),
fit: BoxFit.fill,
),
shape: RoundedRectangleBorder(borderRadius:
BorderRadius.circular(8)),
),
),
),
Positioned(
left: 112,
top: 27,
child: Text(
'street , address',
style: TextStyle(
color: Color(0xFF747474),
fontSize: 12,
height: 0,
),
),
),
Positioned(
left: 112,
top: 46,
child: Text(
'Rating: ',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
),
Positioned(
left: 112,
top: 66,
child: Text.rich(
TextSpan(
children: [
TextSpan(
text: '2.6',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
TextSpan(
text: ' km',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
],
),
),
),
Positioned(
left: 112,
top: 85,
child: Text.rich(
TextSpan(
children: [
TextSpan(
text: 'Time : ',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
TextSpan(
text: '10:00 - 23:00',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
],
),
),
),
Positioned(
left: 259,
top: 1,
child: Container(
width: 38,
height: 38,
color: Color(0xFF72AAFF),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(38),
),
),
),
),
Positioned(
left: 266,
top: 8,
child: Container(
width: 24,
height: 24,
padding: const EdgeInsets.all(3),
child: Row(
children: [
,
],
),
),
),
],
),
),
),
Positioned(
left: 30,
top: 701,
child: Container(
width: 297,
height: 107,
child: Stack(
children: [
Positioned(
left: 112,
top: 2,
child: Text(
'Hospital name',
style: TextStyle(
fontSize: 16,
height: 0,
),
),
),
Positioned(
left: 0,
top: 0,
child: Container(
width: 103,
height: 107,
image:
fit: BoxFit.fill,
),
),
),
),
Positioned(
left: 112,
top: 27,
child: Text(
'street , address',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
),
Positioned(
left: 112,
top: 46,
child: Text(
'Rating: ',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
),
Positioned(
left: 112,
top: 66,
child: Text.rich(
TextSpan(
children: [
TextSpan(
text: '2.6',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
TextSpan(
text: ' km',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
],
),
),
),
Positioned(
left: 112,
top: 85,
child: Text.rich(
TextSpan(
children: [
TextSpan(
text: 'Time : ',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
TextSpan(
text: '10:00 - 23:00',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
],
),
),
),
Positioned(
left: 259,
top: 1,
child: Container(
width: 38,
height: 38,
),
),
),
),
Positioned(
left: 266,
top: 8,
child: Container(
width: 24,
height: 24,
child: Row(
children: [
,
],
),
),
),
],
),
),
),
Positioned(
left: 30,
top: 831,
child: Container(
width: 297,
height: 107,
child: Stack(
children: [
Positioned(
left: 112,
top: 2,
child: Text(
'Hospital name',
style: TextStyle(
fontSize: 16,
height: 0,
),
),
),
Positioned(
left: 0,
top: 0,
child: Container(
width: 103,
height: 107,
image:
fit: BoxFit.fill,
),
),
),
),
Positioned(
left: 112,
top: 27,
child: Text(
'street , address',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
),
Positioned(
left: 112,
top: 46,
child: Text(
'Rating: ',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
),
Positioned(
left: 112,
top: 66,
child: Text.rich(
TextSpan(
children: [
TextSpan(
text: '2.6',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
TextSpan(
text: ' km',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
],
),
),
),
Positioned(
left: 112,
top: 85,
child: Text.rich(
TextSpan(
children: [
TextSpan(
text: 'Time : ',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
TextSpan(
text: '10:00 - 23:00',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
],
),
),
),
Positioned(
left: 259,
top: 1,
child: Container(
width: 38,
height: 38,
),
),
),
),
Positioned(
left: 266,
top: 8,
child: Container(
width: 24,
height: 24,
child: Row(
children: [
,
],
),
),
),
],
),
),
),
Positioned(
left: 30,
top: 961,
child: Container(
width: 297,
height: 107,
child: Stack(
children: [
Positioned(
left: 112,
top: 2,
child: Text(
'Hospital name',
style: TextStyle(
fontSize: 16,
height: 0,
),
),
),
Positioned(
left: 0,
top: 0,
child: Container(
width: 103,
height: 107,
image:
fit: BoxFit.fill,
),
),
),
),
Positioned(
left: 112,
top: 27,
child: Text(
'street , address',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
),
Positioned(
left: 112,
top: 46,
child: Text(
'Rating: ',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
),
Positioned(
left: 112,
top: 66,
child: Text.rich(
TextSpan(
children: [
TextSpan(
text: '2.6',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
TextSpan(
text: ' km',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
],
),
),
),
Positioned(
left: 112,
top: 85,
child: Text.rich(
TextSpan(
children: [
TextSpan(
text: 'Time : ',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
TextSpan(
text: '10:00 - 23:00',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
],
),
),
),
Positioned(
left: 259,
top: 1,
child: Container(
width: 38,
height: 38,
),
),
),
),
Positioned(
left: 266,
top: 8,
child: Container(
width: 24,
height: 24,
child: Row(
children: [
,
],
),
),
),
],
),
),
),
Positioned(
left: 22,
top: 1091,
child: Container(
width: 313,
height: 172,
child: Stack(
children: [
Positioned(
left: 120,
top: 2,
child: Text(
'Hospital name',
style: TextStyle(
fontSize: 16,
height: 0,
),
),
),
Positioned(
left: 8,
top: 0,
child: Container(
width: 103,
height: 107,
image:
fit: BoxFit.fill,
),
),
),
),
Positioned(
left: 120,
top: 27,
child: Text(
'street , address',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
),
Positioned(
left: 120,
top: 46,
child: Text(
'Rating: ',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
),
Positioned(
left: 120,
top: 66,
child: Text.rich(
TextSpan(
children: [
TextSpan(
text: '2.6',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
TextSpan(
text: ' km',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
],
),
),
),
Positioned(
left: 120,
top: 85,
child: Text.rich(
TextSpan(
children: [
TextSpan(
text: 'Time : ',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
TextSpan(
text: '10:00 - 23:00',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
],
),
),
),
Positioned(
left: 267,
top: 1,
child: Container(
width: 38,
height: 38,
),
),
),
),
Positioned(
left: 274,
top: 8,
child: Container(
width: 24,
height: 24,
child: Row(
children: [
,
],
),
),
),
Positioned(
left: 0,
top: 114,
child: Container(
width: 313,
height: 58,
),
),
],
),
),
),
Positioned(
left: 105,
top: 521,
child: Text(
'Nearby Hospitals',
style: TextStyle(
fontSize: 18,
height: 0,
),
),
),
Positioned(
left: 120,
top: 89,
child: Text(
'location name',
style: TextStyle(
fontSize: 18,
height: 0,
),
),
),
Positioned(
left: 293,
top: 45,
child: Container(
width: 49,
height: 49,
child: Stack(
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 49,
height: 49,
color: Colors.white,
shape: OvalBorder(),
shadows: [
BoxShadow(
color: Color(0x3F000000),
blurRadius: 17,
offset: Offset(0, 4),
spreadRadius: 0,
)
],
),
),
),
Positioned(
left: 11,
top: 11,
child: Container(
width: 27,
height: 27,
padding: const EdgeInsets.all(2.25),
child: Row(
children: [
,
],
),
),
),
],
),
),
),
Positioned(
left: 0,
top: 0,
child: Container(
width: 360,
height: 25,
child: Stack(
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 360,
height: 25,
),
),
Positioned(
left: 35,
top: 9,
child: Text(
'20:09',
style: TextStyle(
fontSize: 12,
height: 0,
),
),
),
Positioned(
left: 261,
top: 3,
child: Container(
width: 20,
height: 20,
top: 2.50,
left: 0.58,
right: 0.57,
bottom: 2.50,
),
child: Row(
children: [
,
],
),
),
),
Positioned(
left: 321,
top: 3,
child: Container(
width: 19,
height: 19,
padding: const EdgeInsets.symmetric(horizontal: 3.96,
vertical: 1.58),
child: Row(
children: [
,
],
),
),
),
Positioned(
left: 288,
top: 3,
child: Container(
width: 19,
height: 19,
padding: const EdgeInsets.all(1.58),
child: Row(
children: [
,
],
),
),
),
],
),
),
),
Positioned(
left: 38,
top: 728,
child: Container(
width: 283,
height: 52,
child: Stack(
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 283,
height: 52,
color: Colors.white,
),
shadows: [
BoxShadow(
color: Color(0x38000000),
blurRadius: 16,
offset: Offset(0, 0),
spreadRadius: -3,
)
],
),
),
),
Positioned(
left: 59,
top: 15,
child: Container(
width: 24,
height: 24,
padding: const EdgeInsets.only(left: 3, bottom: 2),
child: Row(
children: [
,
],
),
),
),
Positioned(
left: 129,
top: 14,
child: Container(
width: 26,
height: 26,
top: 3.25,
left: 2.17,
right: 2.17,
bottom: 1.62,
),
child: Row(
children: [
,
],
),
),
),
Positioned(
left: 197,
top: 10,
child: Container(
width: 30,
height: 30,
child: Stack(children: [
,
]),
),
),
],
),
),
),
],
),
),
],
);
}
}

Maps

Uploaded by

Copyright:

Available Formats

You might also like

Maps

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Maps

Uploaded by

Copyright:

Available Formats

import 'package:flutter/material.

// Generated by: https://www.figma.com/community/plugin/842128343887142055/

class Maps extends StatelessWidget {

You might also like