TV Volume Slider

A customizable TV-style volume slider widget for Flutter. Users can adjust colors, sizes, and initial values easily. Perfect for media apps, smart TV interfaces, or any modern UI.

Features

Fully customizable knob, track, and tick colors

Adjustable width and height

Initial value and onChanged callback

Smooth drag animations

Lightweight and easy to integrate

Installation

Add this to your pubspec.yaml:

dependencies: tv_volume_slider: ^0.0.1

Then run:

flutter pub get

Usage import 'package:flutter/material.dart'; import 'package:tv_volume_slider/tv_volume_slider.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget { const MyApp({super.key});

@override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( backgroundColor: Colors.black, body: Center( child: TvVolumeSlider( width: 300, height: 36, knobColor: Colors.red, trackColor: Colors.grey.withOpacity(0.2), tickColor: Colors.white, value: 0.5, onChanged: (value) { print('Volume: $value'); }, ), ), ), ); } }

Parameters Parameter Type Default Description value double 0.5 Initial slider value (0.0–1.0) onChanged ValueChanged

Check the example/ folder for a fully working example app.