'how to draw a line with two point in it in flutter

I have two dropdown button that represt time (0-23) and the user can choose a time range for the light to be on. I want to represent the choosen times by a line like below where the the red circles move when they choose different time. it does not need to be circle, anything just to represent the range of time. anyone have an idea or comments on that?

enter image description here

flutter


Solution 1:[1]

You can use RangeSlider Widget https://api.flutter.dev/flutter/material/RangeSlider-class.html

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Ahmed Khairy

Related Questions

ADB exited with exit code 1

ADB exited with exit code 1

Flutter: wasm streaming compile failed: TypeError: Could not download wasm module

How to add integer as default/initial value for TextFormField in flutter?

How to highlight correct word on searchDelegate?

Xcode build is missing expected TARGET_BUILD_DIR build setting

Generic callback with generic class as parameter in Dart

How to not dispose of previous widget when navigating to a new widget in Flutter?

Unhandled Exception: type 'Null' is not a subtype of type 'Map<String, dynamic>' in type cast

FirebaseMessagingService Illegal Access

Firebase push notifications stops working after some time for all users in my Flutter app. Is this correct flutter fcm implementation?

How to draw a horizontal line in flutter row widgets?

Flutter testing error: NotInitializedError which involves environment variables (.env)

How to make a widget take as much width as the screen in Flutter?

ERROR: Runner.xcworkspace does not exist. error implementing google maps