PatientApp-KKUMC/lib/widgets/weather_slider/weather_slider.dart

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,),
      ],)
    ],);

  }
}