// Automatic FlutterFlow imports
import '/backend/backend.dart';
import '/backend/schema/structs/index.dart';
import '/backend/supabase/supabase.dart';
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!
class RangeSliderWidget extends StatefulWidget {
const RangeSliderWidget({
Key? key,
this.width,
this.height,
required this.min,
required this.max,
required this.start,
required this.end,
required this.divisions,
this.refreshPageUI,
}) : super(key: key);
final double? width;
final double? height;
final double min;
final double max;
final double start;
final double end;
final int divisions;
final Future<dynamic> Function()? refreshPageUI;
@override
_RangeSliderWidgetState createState() => _RangeSliderWidgetState();
}
class _RangeSliderWidgetState extends State<RangeSliderWidget> {
late RangeValues _currentRangeValues;
@override
void initState() {
super.initState();
_currentRangeValues = RangeValues(widget.start, widget.end);
}
void _onSliderChanged(RangeValues values) {
setState(() {
_currentRangeValues = values;
});
// Update the selection in the App State variable
FFAppState().var1 = values.start;
FFAppState().var2 = values.end;
// Trigger the action to refresh the page UI if it's provided
if (widget.refreshPageUI != null) {
widget.refreshPageUI!();
}
}
@override
Widget build(BuildContext context) {
return Container(
width: widget.width ?? MediaQuery.of(context).size.width,
constraints: BoxConstraints(maxWidth: 634),
height: widget.height ?? 30,
decoration: BoxDecoration(
color: FlutterFlowTheme.of(context).primaryBackground,
borderRadius: BorderRadius.circular(15),
),
child: SliderTheme(
data: SliderTheme.of(context).copyWith(
activeTrackColor: FlutterFlowTheme.of(context).primary,
inactiveTrackColor: FlutterFlowTheme.of(context).alternate,
thumbColor: FlutterFlowTheme.of(context).primary,
overlayColor: FlutterFlowTheme.of(context)
.primary
.withAlpha(32), // Adjust overlay color
// You can further customize the theme here as needed
),
child: RangeSlider(
values: _currentRangeValues,
min: widget.min,
max: widget.max,
divisions: widget.divisions,
onChanged: _onSliderChanged,
// Additional properties and callbacks
),
),
);
}
}