flutter_price_slider 1.0.1 flutter_price_slider: ^1.0.1 copied to clipboard
A new Flutter project.
import 'package:flutter/material.dart';
import 'package:flutter_price_slider/flutter_price_slider.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: Scaffold(
appBar: AppBar(
title: Text("Flutter price slider"),
),
body: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Expanded(
child: Container(
color: Color(0xFFfffffe),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
"Light mode",
style: Theme.of(context).textTheme.headline4,
),
SizedBox(height: 10),
FlutterPriceSlider(
width: 200,
selectedBoxColor: Color(0xFF2ebd85),
unselectedBoxColor: Color(0xFFf9f9f9),
selectedTextColor: Color(0xFF000000),
unselectedTextColor: Color(0XFF7d8896),
onSelected: (proportion) {
print("onSelected: $proportion");
},
),
],
),
),
),
Expanded(
child: Container(
color: Color(0xFF20262f),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
"Dark mode",
style: Theme.of(context).textTheme.headline4?.copyWith(
color: Colors.white70,
),
),
SizedBox(height: 10),
FlutterPriceSlider(
width: 200,
selectedBoxColor: Color(0xFF2dbd85),
unselectedBoxColor: Color(0xFF29303d),
selectedTextColor: Color(0xFFf1f4f6),
unselectedTextColor: Color(0XFF7f8997),
onSelected: (proportion) {
print("onSelected: $proportion");
},
),
],
),
),
),
],
),
),
);
}
}