flutter_search_panel 0.0.2 flutter_search_panel: ^0.0.2 copied to clipboard
Flutter search panel is a widget that can be used to provide search functionality to users for selectiong values from an array of strings. Can be used instead of Dropdownbutton for stability and better looks.
import 'package:flutter/material.dart';
import 'package:flutter_search_panel/flutter_search_panel.dart';
void main() => runApp(new MyApp());
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => new _MyAppState();
}
class _MyAppState extends State<MyApp> {
@override
void initState() {
super.initState();
}
@override
Widget build(BuildContext context) {
return new MaterialApp(
home: new Scaffold(
appBar: new AppBar(
title: const Text('Flutter Search Panel'),
),
body: new Center(
child: FlutterSearchPanel(
padding: EdgeInsets.all(10.0),
selected: 'a',
title: 'Demo Search Page',
data: ['This', 'is', 'a', 'test', 'array'],
icon: new Icon(Icons.check_circle, color: Colors.white),
color: Colors.blue,
textStyle: new TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 20.0, decorationStyle: TextDecorationStyle.dotted),
onChanged: (value) {
print(value);
},
),
),
),
);
}
}