Untitled
unknown
plain_text
4 years ago
101 kB
4
Indexable
import 'package:flutter/material.dart';
import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;
class SearchlightWidget extends StatefulWidget {
@override
_SearchlightWidgetState createState() => _SearchlightWidgetState();
}
class _SearchlightWidgetState extends State<SearchlightWidget> {
@override
Widget build(BuildContext context) {
// Figma Flutter Generator SearchlightWidget - FRAME
return Container(
width: 375,
height: 812,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(30),
topRight: Radius.circular(30),
bottomLeft: Radius.circular(30),
bottomRight: Radius.circular(30),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 375,
height: 44,
decoration: BoxDecoration(
),
child: Stack(
children: <Widget>[
Positioned(
top: 16,
left: 293,
child: Container(
width: 68,
height: 14,
decoration: BoxDecoration(
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 1.1599979400634766,
left: 43,
child: Container(
width: 24.5,
height: 11.5,
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: null
),Positioned(
top: 1.9166667461395264,
left: 2,
child: Container(
width: 18,
height: 7.666666507720947,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(1.600000023841858),
topRight: Radius.circular(1.600000023841858),
bottomLeft: Radius.circular(1.600000023841858),
bottomRight: Radius.circular(1.600000023841858),
),
color : Color.fromRGBO(0, 0, 0, 1),
)
)
),
]
)
)
),Positioned(
top: 1.6000003814697266,
left: 0.5,
child: null
),Positioned(
top: 1.3999996185302734,
left: 22.600006103515625,
child: null
),
]
)
)
),Positioned(
top: 12,
left: 0,
child: Container(
width: 180,
height: 22,
decoration: BoxDecoration(
),
child: Stack(
children: <Widget>[
Positioned(
top: 2,
left: 30.5,
child: Text('9:41', textAlign: TextAlign.center, style: TextStyle(
color: Color.fromRGBO(0, 0, 0, 1),
fontFamily: 'Inter',
fontSize: 15,
letterSpacing: -0.16500000655651093,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),
]
)
)
),Positioned(
top: 63,
left: 13,
child: Text('Search', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(0, 0, 0, 1),
fontFamily: 'Inter',
fontSize: 30,
letterSpacing: 0,
fontWeight: FontWeight.normal,
height: 1
),)
),Positioned(
top: 119,
left: 13,
child: Container(
width: 349,
height: 54,
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 349,
height: 54,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(232, 232, 232, 1),
)
)
),Positioned(
top: 18,
left: 62,
child: Text('Quotes, Post & More', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(0, 0, 0, 1),
fontFamily: 'Inter',
fontSize: 15,
letterSpacing: 0,
fontWeight: FontWeight.normal,
height: 1
),)
),Positioned(
top: 15,
left: 17,
child: null
),
]
)
)
),Positioned(
top: 179,
left: 13,
child: Container(
width: 349,
height: 633,
decoration: BoxDecoration(
),
child: Stack(
children: <Widget>[
Positioned(
top: 20,
left: 0,
child: Container(
width: 349,
height: 252,
decoration: BoxDecoration(
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Text('Days', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(0, 0, 0, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),Positioned(
top: 33,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(165, 205, 170, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Gandhi
Jayanti', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 33,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 70, 50, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Human
Rights
Day', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 152,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(245, 155, 35, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Osho
Jayanti', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 152,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(62, 67, 63, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Geeta
Jayanti', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),
]
)
)
),Positioned(
top: 292,
left: 0,
child: Container(
width: 349,
height: 2522,
decoration: BoxDecoration(
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Text('Browse all', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(0, 0, 0, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),Positioned(
top: 33,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(215, 161, 62, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Wishes &
Greeting', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 33,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(88, 94, 129, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Favourite', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 152,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(76, 145, 126, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Quotes', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 152,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(117, 141, 153, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Aatmnirbhar
Bharat', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 271,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(71, 125, 149, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Indian
Leader', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 271,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(176, 40, 150, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Good
Night', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 390,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(193, 151, 75, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Tamil', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 390,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(16, 165, 100, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Telugu', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 509,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(65, 0, 245, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Indie', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 509,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(231, 26, 0, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('RADAR', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 628,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 70, 50, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Marathi', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 628,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(196, 150, 135, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Devotional', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 747,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(125, 75, 50, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Indian
Classical', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 747,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(245, 115, 161, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Romance', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 866,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(161, 194, 79, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('K-pop', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 866,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(236, 30, 50, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Party', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 985,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(135, 165, 176, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Instrumental', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 985,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(124, 192, 179, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Dance/
Electronic', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 1104,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(181, 155, 200, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Decades', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 1104,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(199, 156, 78, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Workout', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 1223,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(241, 55, 166, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('RnB', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 1223,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(133, 162, 174, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Sleep', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 1342,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(181, 155, 200, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Wellness', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 1342,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(236, 30, 50, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Rock', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 1461,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(80, 155, 246, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Mood', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 1461,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(126, 196, 185, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Caribbean', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 1580,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(139, 168, 182, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Chill', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 1580,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(181, 155, 200, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Focus', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 1699,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(241, 55, 166, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Summer', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 1699,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(212, 165, 83, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Cooking &
Dining', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 1818,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(133, 161, 173, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Jazz', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 1818,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(128, 199, 185, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Gaming', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 1937,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 100, 54, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Latin', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 1937,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(111, 111, 111, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Metal', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 2056,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(30, 50, 100, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Blues', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 2056,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(241, 55, 166, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Funk', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 2175,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(111, 111, 111, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Punk', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 2175,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(214, 168, 83, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Travel', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 2294,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(211, 164, 82, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Country', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 2294,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(21, 138, 8, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Anime', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 2413,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(150, 150, 150, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(231, 133, 75, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('Songwriters', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),Positioned(
top: 2413,
left: 184,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
width: 165,
height: 100,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(5),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
bottomRight: Radius.circular(5),
),
color : Color.fromRGBO(0, 58, 83, 1),
)
)
),Positioned(
top: 17,
left: 135.5,
child: Transform.rotate(
angle: -29.999999195280587 * (math.pi / 180),
child: Container(
width: 67,
height: 67,
decoration: BoxDecoration(
boxShadow : [BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.25),
offset: Offset(-2,2),
blurRadius: 4
)],
image : DecorationImage(
image: AssetImage('assets/images/Image.png'),
fit: BoxFit.fitWidth
),
)
),
)
),Positioned(
top: 15,
left: 16,
child: Text('TV & Movies', textAlign: TextAlign.left, style: TextStyle(
color: Color.fromRGBO(255, 255, 255, 1),
fontFamily: 'Inter',
fontSize: 16,
letterSpacing: 0 /*percentages not used in flutter. defaulting to zero*/,
fontWeight: FontWeight.normal,
height: 1
),)
),
]
)
)
),
]
)
)
),
]
)
)
),Positioned(
top: 744,
left: 0,
child: Container(
width: 375,
height: 68,
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: Container(
decoration: BoxDecoration(
color : Color.fromRGBO(255, 255, 255, 1),
),
padding: EdgeInsets.symmetric(horizontal: 24, vertical: 21),
child: Row(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Container(
width: 26,
height: 26,
decoration: BoxDecoration(
color : Color.fromRGBO(255, 159, 67, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 2.1666688919067383,
left: 2.1666641235351562,
child: Container(
width: 21.666667938232422,
height: 21.936077117919922,
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: SvgPicture.asset(
'assets/images/vector.svg',
semanticsLabel: 'vector'
);
),
]
)
)
),
]
)
), SizedBox(width : 60),
Container(
width: 26,
height: 26,
decoration: BoxDecoration(
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 2.1666688919067383,
left: 3.25,
child: Container(
width: 20.58333396911621,
height: 21.666667938232422,
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: SvgPicture.asset(
'assets/images/vector.svg',
semanticsLabel: 'vector'
);
),
]
)
)
),
]
)
), SizedBox(width : 60),
Container(
width: 26,
height: 26,
decoration: BoxDecoration(
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 2.599997043609619,
left: 2.5999956130981445,
child: Container(
width: 20.799999237060547,
height: 20.799999237060547,
child: Stack(
children: <Widget>[
Positioned(
top: 0,
left: 0,
child: SvgPicture.asset(
'assets/images/vector.svg',
semanticsLabel: 'vector'
);
),
]
)
)
),
]
)
), SizedBox(width : 60),
Container(
width: 26,
height: 26,
decoration: BoxDecoration(
color : Color.fromRGBO(255, 255, 255, 1),
),
child: Stack(
children: <Widget>[
Positioned(
top: 6.5,
left: 8.93749713897705,
child: SvgPicture.asset(
'assets/images/vector.svg',
semanticsLabel: 'vector'
);
),Positioned(
top: 1.625,
left: 1.6249936819076538,
child: SvgPicture.asset(
'assets/images/vector.svg',
semanticsLabel: 'vector'
);
),
]
)
),
],
),
)
),Positioned(
top: 50,
left: 56,
child: Container(
width: 6,
height: 6,
decoration: BoxDecoration(
color : Color.fromRGBO(255, 159, 67, 1),
borderRadius : BorderRadius.all(Radius.elliptical(6, 6)),
)
)
),
]
)
)
),
]
)
);
}
}
Editor is loading...