Untitled
unknown
plain_text
3 years ago
16 kB
11
Indexable
import 'package:flutter/material.dart';
class Menu3Widget extends StatelessWidget {
@override
Widget build(BuildContext context) {
// Figma Flutter Generator Menu3Widget - FRAME
return Container(
width: 375,
height: 812,
decoration: BoxDecoration(
color : Color.fromRGBO(19, 15, 35, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: null
),Positioned(
top: 42,
left: 0,
child: Container(
width: 375,
height: 70,
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 375,
height: 70,
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 375,
height: 70,
decoration: BoxDecoration(
color : Color.fromRGBO(72, 78, 99, 0.30000001192092896),
)
)
),Positioned(
top: 13,
left: 16.348773956298828,
child: Container(
width: 40.87193298339844,
height: 40,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(100),
topRight: Radius.circular(100),
bottomLeft: Radius.circular(100),
bottomRight: Radius.circular(100),
),
),
child: Stack(
children: <Widget>[
Positioned(
top: 8,
left: 8,
child: null
),
]
)
)
),Positioned(
top: 17.4615478515625,
left: 0,
child: Container(
decoration: BoxDecoration(
),
padding: EdgeInsets.symmetric(horizontal: 0, vertical: 0),
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[Text('Tutorial', textAlign: TextAlign.center, style: TextStyle(
color: Color.fromRGBO(14, 14, 14, 1),
fontFamily: 'Poppins',
fontSize: 20,
letterSpacing: 0,
fontWeight: FontWeight.normal,
height: 1.6
),),
],
),
)
),Positioned(
top: 814.884521484375,
left: -1602.4549560546875,
child: Container(
width: 383.17437744140625,
height: 46.153846740722656,
decoration: BoxDecoration(
),
child: Stack(
children: <Widget>[
Positioned(
top: 4,
left: 0,
child: Container(
decoration: BoxDecoration(
),
padding: EdgeInsets.symmetric(horizontal: 16, vertical: 0),
child: Row(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Container(
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(24),
topRight: Radius.circular(24),
bottomLeft: Radius.circular(24),
bottomRight: Radius.circular(24),
),
color : Color.fromRGBO(155, 63, 191, 1),
),
padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
child: Row(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Text('Section ', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Gothic A1',
fontSize: 16,
letterSpacing: 0,
fontWeight: FontWeight.normal,
height: 1.5
),),
],
),
), SizedBox(width : 8),
Container(
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(24),
topRight: Radius.circular(24),
bottomLeft: Radius.circular(24),
bottomRight: Radius.circular(24),
),
color : Color.fromRGBO(51, 51, 51, 0.800000011920929),
),
padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
child: Row(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Text('Section ', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Gothic A1',
fontSize: 16,
letterSpacing: 0,
fontWeight: FontWeight.normal,
height: 1.5
),),
],
),
), SizedBox(width : 8),
Container(
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(24),
topRight: Radius.circular(24),
bottomLeft: Radius.circular(24),
bottomRight: Radius.circular(24),
),
color : Color.fromRGBO(51, 51, 51, 0.800000011920929),
),
padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
child: Row(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Text('Section ', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Gothic A1',
fontSize: 16,
letterSpacing: 0,
fontWeight: FontWeight.normal,
height: 1.5
),),
],
),
), SizedBox(width : 8),
Container(
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(24),
topRight: Radius.circular(24),
bottomLeft: Radius.circular(24),
bottomRight: Radius.circular(24),
),
color : Color.fromRGBO(51, 51, 51, 0.800000011920929),
),
padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
child: Row(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Text('Section ', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Gothic A1',
fontSize: 16,
letterSpacing: 0,
fontWeight: FontWeight.normal,
height: 1.5
),),
],
),
), SizedBox(width : 8),
Container(
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(24),
topRight: Radius.circular(24),
bottomLeft: Radius.circular(24),
bottomRight: Radius.circular(24),
),
color : Color.fromRGBO(51, 51, 51, 0.800000011920929),
),
padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
child: Row(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Text('Section ', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Gothic A1',
fontSize: 16,
letterSpacing: 0,
fontWeight: FontWeight.normal,
height: 1.5
),),
],
),
), SizedBox(width : 8),
Container(
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(24),
topRight: Radius.circular(24),
bottomLeft: Radius.circular(24),
bottomRight: Radius.circular(24),
),
color : Color.fromRGBO(51, 51, 51, 0.800000011920929),
),
padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
child: Row(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Text('Section ', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Gothic A1',
fontSize: 16,
letterSpacing: 0,
fontWeight: FontWeight.normal,
height: 1.5
),),
],
),
), SizedBox(width : 8),
Container(
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(24),
topRight: Radius.circular(24),
bottomLeft: Radius.circular(24),
bottomRight: Radius.circular(24),
),
color : Color.fromRGBO(51, 51, 51, 0.800000011920929),
),
padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
child: Row(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Text('Section ', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Gothic A1',
fontSize: 16,
letterSpacing: 0,
fontWeight: FontWeight.normal,
height: 1.5
),),
],
),
), SizedBox(width : 8),
Container(
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(24),
topRight: Radius.circular(24),
bottomLeft: Radius.circular(24),
bottomRight: Radius.circular(24),
),
color : Color.fromRGBO(51, 51, 51, 0.800000011920929),
),
padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
child: Row(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Text('Section ', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Gothic A1',
fontSize: 16,
letterSpacing: 0,
fontWeight: FontWeight.normal,
height: 1.5
),),
],
),
),
],
),
)
),
]
)
)
),
]
)
)
),
]
)
)
),Positioned(
top: 132,
left: 25,
child: Container(
width: 325,
height: 650,
decoration: BoxDecoration(
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 325,
height: 1324,
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 325,
height: 1324,
child: Stack(
children: <Widget>[
Positioned(
top: 94,
left: 0,
child: Container(
width: 325,
height: 200,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(10),
topRight: Radius.circular(10),
bottomLeft: Radius.circular(10),
bottomRight: Radius.circular(10),
),
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
)
),Positioned(
top: 0,
left: 0,
child: Container(
width: 318,
height: 74,
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Text('Siapkan Kertas A4', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Poppins',
fontSize: 20,
letterSpacing: 0,
fontWeight: FontWeight.normal,
height: 1
),)
),Positioned(
top: 30,
left: 0,
child: Text('Kertas berukuran A4 digunakan sebagai alas untuk kaki Anda ketika melakukan pengukuran.', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'DM Sans',
fontSize: 14,
letterSpacing: 0.20000000298023224,
fontWeight: FontWeight.normal,
height: 1.5714285714285714
),)
),
]
)
)
),Positioned(
top: 408,
left: 0,
child: Container(
width: 325,
height: 200,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(10),
topRight: Radius.circular(10),
bottomLeft: Radius.circular(10),
bottomRight: Radius.circular(10),
),
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
)
),Positioned(
top: 314,
left: 0,
child: Container(
width: 318,
height: 74,
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Text('Posisikan Kertas', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Poppins',
fontSize: 20,
letterSpacing: 0,
fontWeight: FontWeight.normal,
height: 1
),)
),Positioned(
top: 30,
left: 0,
child: Text('Posisikan kertas berukuran A4 pada permukaan lantai yang rata dan tempatkan di tepi dinding.', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'DM Sans',
fontSize: 14,
letterSpacing: 0.20000000298023224,
fontWeight: FontWeight.normal,
height: 1.5714285714285714
),)
),
]
)
)
),Positioned(
top: 766,
left: 0,
child: Container(
width: 325,
height: 200,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(10),
topRight: Radius.circular(10),
bottomLeft: Radius.circular(10),
bottomRight: Radius.circular(10),
),
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
)
),Positioned(
top: 628,
left: 0,
child: Container(
width: 318,
height: 118,
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Text('Letakkan Kaki di Atas Kertas', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Poppins',
fontSize: 20,
letterSpacing: 0,
fontWeight: FontWeight.normal,
height: 1
),)
),Positioned(
top: 30,
left: 0,
child: Text('Letakkan kaki Anda di atas kertas yang sudah disiapkan. Pastikan area tumit Anda menempel pada dinding, dan bagian mata kaki terlihat dengan jelas.', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(3, 3, 3, 1),
fontFamily: 'DM Sans',
fontSize: 14,
letterSpacing: 0.20000000298023224,
fontWeight: FontWeight.normal,
height: 1.5714285714285714
),)
),
]
)
)
),Positioned(
top: 1124,
left: 0,
child: Container(
width: 325,
height: 200,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(10),
topRight: Radius.circular(10),
bottomLeft: Radius.circular(10),
bottomRight: Radius.circular(10),
),
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
)
),Positioned(
top: 986,
left: 0,
child: Container(
width: 318,
height: 118,
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Text('Ambil Gambar dengan Jelas', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Poppins',
fontSize: 20,
letterSpacing: 0,
fontWeight: FontWeight.normal,
height: 1
),)
),Positioned(
top: 30,
left: 0,
child: Text('Posisikan ponsel Anda pada sudut atas sehingga area kaki dan kertas dapat terlihat dengan jelas, kemudian ambil gambar dan tunggu hasil dari pengukuran kaki Anda.', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(3, 3, 3, 1),
fontFamily: 'DM Sans',
fontSize: 14,
letterSpacing: 0.20000000298023224,
fontWeight: FontWeight.normal,
height: 1.5714285714285714
),)
),
]
)
)
),
]
)
)
),
]
)
)
),
]
)
)
),
]
)
);
}
}
Editor is loading...