Custom Widget: SpiralSlider

// Automatic FlutterFlow imports

import '/backend/schema/structs/index.dart';

import '/actions/actions.dart' as action_blocks;

import '/flutter_flow/flutter_flow_theme.dart';

import '/flutter_flow/flutter_flow_util.dart';

import '/custom_code/widgets/index.dart'; // Imports other custom widgets

import '/custom_code/actions/index.dart'; // Imports custom actions

import '/flutter_flow/custom_functions.dart'; // Imports custom functions

import 'package:flutter/material.dart';

// Begin custom widget code

// DO NOT REMOVE OR MODIFY THE CODE ABOVE!

import 'package:sleek_circular_slider/sleek_circular_slider.dart';

class SpiralSlider extends StatefulWidget {

const SpiralSlider({

Key? key,

this.width,

this.height,

required this.vtarget,

required this.vinitial,

required this.rebuildPage,

// required this.onChange,

}) : super(key: key);

final double? width;

final double? height;

final double vtarget;

final double vinitial;

final Future<dynamic> Function() rebuildPage;

// final Function(double) onChange;

@override

SpiralSliderState createState() => SpiralSliderState();

}

class _SpiralSliderState extends State<SpiralSlider> {

@override

Widget build(BuildContext context) {

return SleekCircularSlider(

appearance: CircularSliderAppearance(

customWidths: CustomSliderWidths(

progressBarWidth: 30,

trackWidth: 20,

shadowWidth: 0,

handlerSize: 15,

customColors: CustomSliderColors(

trackColor: Color.fromRGBO(74, 98, 103, 1),

dotColor: Colors.orange,

progressBarColor: Color.fromRGBO(254, 255, 255, 0),

shadowColor: Color.fromRGBO(255, 147, 77, .7),

min: 0,

max: widget.vtarget,

initialValue: widget.vinitial,

onChange: (double value) {

print(value);

double roundedvalue = value.roundToDouble();

FFAppState().slidervalue = roundedvalue;

innerWidget: (double value) => Container(

alignment: Alignment.center,

child: Column(

mainAxisAlignment: MainAxisAlignment.center,

children: [

// Icon(Icons.dart),

Text(

'Target',

style: TextStyle(

color: Color.fromRGBO(

255, 147, 77, .7), // Replace with your desired color

fontSize: 14.0,

Text(

'${widget.vtarget.roundToDouble()}',

style: TextStyle(

color: Color.fromRGBO(

255, 147, 77, .7), // Replace with your desired color

fontSize: 14.0,

Text(

'${value.roundToDouble()}',

style: TextStyle(

color: Color.fromRGBO(

255, 147, 77, 1), // Replace with your desired color

fontSize: 32.0, // Replace with your desired font size

);

final slider = SleekCircularSlider(

appearance: CircularSliderAppearance(),

onChange: (double value) {

print('value');

FFAppState().slidervalue = value;

widget.rebuildPage();

);

}

Sliders on iOS not working