Custom widget in list view

Hi all,

I have a custom widget to create a circular slider , build in a List view. I want to retrieve the value for every interaction on the list, but found so far only one option, to store in a AppState

FFAppState().variableName = value;

I can't make it worked on the AppState level and wondering if is possible to build the results as component state.

here the code

import 'package:sleek_circular_slider/sleek_circular_slider.dart'; class SpiralSlider extends StatefulWidget { const SpiralSlider({ Key? key, this.width, this.height, required this.rebuildPage, // required this.onChange, }) : super(key: key); final double? width; final double? height; 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: const Color.fromARGB(255, 229, 174, 170), dotColor: Colors.red, progressBarColor: Color.fromRGBO(254, 255, 255, 0), shadowColor: Colors.red, ), ), min: 0, max: 100, initialValue: 21, onChange: (double value) { print(value); }, innerWidget: (double value) => Container( alignment: Alignment.center, child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Icon(Icons.grade), Text('% ${value.roundToDouble()}'), Text( 'KG ${value.roundToDouble()}', style: TextStyle( color: Colors.blue, // Replace with your desired color fontSize: 30.0, // Replace with your desired font size ), ), ], ), ), ); final slider = SleekCircularSlider( appearance: CircularSliderAppearance(), onChange: (double value) { print('value'); // FFAppState().slidervalue = value; widget.rebuildPage(); }, ); } }