You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.6 KiB
Dart
55 lines
1.6 KiB
Dart
4 years ago
|
|
||
|
|
||
|
class WeatherSlider extends StatelessWidget{
|
||
|
final width;
|
||
|
final LinearGradient color;
|
||
|
WeatherSlider(this.width, this.color);
|
||
|
|
||
|
@override
|
||
|
Widget build(BuildContext context) {
|
||
|
// TODO: implement build
|
||
|
return Column(
|
||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||
|
children: [
|
||
|
AppText('Low', fontSize: 24,),
|
||
|
|
||
|
Padding(
|
||
|
padding: EdgeInsets.all(10),
|
||
|
child:
|
||
|
Stack(
|
||
|
children: [
|
||
|
Container(
|
||
|
decoration: BoxDecoration(gradient: LinearGradient(colors: [Colors.grey[100],Colors.grey[400] ]),
|
||
|
borderRadius: BorderRadius.circular(10)
|
||
|
),
|
||
|
height: 15, width: MediaQuery.of(context).size.width,
|
||
|
child:SizedBox(),
|
||
|
),
|
||
|
Positioned(
|
||
|
top:0,
|
||
|
child: Container(
|
||
|
decoration: BoxDecoration(gradient: color,
|
||
|
borderRadius: BorderRadius.circular(10)
|
||
|
),
|
||
|
height: 15,
|
||
|
width: MediaQuery.of(context).size.width * width,
|
||
|
padding: EdgeInsets.all(10),
|
||
|
child:SizedBox(),
|
||
|
|
||
|
)),
|
||
|
|
||
|
],
|
||
|
)),
|
||
|
Row(
|
||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
|
children: [
|
||
|
AppText('Low', fontSize: 12,),
|
||
|
AppText('Moderate', fontSize: 12,),
|
||
|
AppText('High', fontSize: 12,),
|
||
|
AppText('Very High', fontSize: 12,),
|
||
|
AppText('Extreme', fontSize: 12,),
|
||
|
],)
|
||
|
],);
|
||
|
|
||
|
}
|
||
|
}
|