flutter_text_field_fab
a simple flutter widget that makes turning a fab into a text field easy.
installation
dependencies:
flutter:
sdk: flutter
flutter_text_field_fab: <last-version>
features
- simple slide animation
- custom icon
- custom coloring
example
simple usage
import 'package:flutter/material.dart';
import 'package:flutter_text_field_fab/flutter_text_field_fab.dart';
class somelistview extends statelesswidget {
@override
widget build(buildcontext context) {
return scaffold(
floatingactionbutton: textfieldfloatingactionbutton(
'search...',
icons.gamepad,
onchange: (string query) => filterlist(query),
onclear: () => clearlist(),
),
body: ...);
}
}
documentation
parameters | value | required | docs |
---|---|---|---|
label |
string |
yes | label to be the placeholder for the textfield |
icon |
icondata |
yes | icon for the fab |
backgroundcolor |
color |
no | the background color of the fab (defaults to white) |
iconcolor |
color |
no | the color of the of the icon (defaults to black) |
onchange |
function |
no | onchange handler on keystroke input |
onsubmit |
function |
no | onsubmit handler input submission |
onclear |
function |
no | onclear handler for when the input is closed |
Comments are closed.