styled_drop_down 1.0.0
styled_drop_down: ^1.0.0 copied to clipboard
A highly customizable dropdown widget for Flutter that displays a menu in an overlay with radio button selection
example/main.dart
import 'package:flutter/material.dart';
import 'package:styled_drop_down/styled_drop_down.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(debugShowCheckedModeBanner: false, home: HomePage());
}
}
class HomePage extends StatefulWidget {
const HomePage({super.key});
@override
State<HomePage> createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
String selected = 'Option 1';
final List<String> items = ['Option 1', 'Option 2', 'Option 3'];
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.white,
appBar: AppBar(
title: const Text('Styled Dropdown Example'),
backgroundColor: Colors.white,
),
body: Column(
children: [
Padding(
padding: const EdgeInsets.all(16.0),
child: StyledDropDown(
label: 'Select an option',
value: selected,
items: items,
onChanged: (value) {
setState(() {
selected = value;
});
},
maxHeight: 200,
menuRightPadding: 1.0,
),
),
],
),
);
}
}