flutter_text_field_fab

一个简单的 Flutter 小部件，可以轻松地将 FAB 变成文本字段。

安装

dependencies:
  flutter:
    sdk: flutter
  flutter_text_field_fab: <last-version>

特点

  • 简单的滑动动画
  • 自定义图标
  • 自定义颜色

示例

简单用法

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: ...);
    }
}

文档

参数 Value 必需 文档
标签 字符串 是 作为TextField占位符的标签
icon IconData 是 FAB的图标
backgroundColor 颜色 否 FAB的背景颜色（默认为白色）
iconColor 颜色 否 图标的颜色（默认为黑色）
onChange 功能 否 按键输入时的onChange处理程序
onSubmit 功能 否 输入提交时的onSubmit处理程序
onClear 功能 否 输入关闭时的onClear处理程序

GitHub

https://github.com/haefele-software/flutter_text_field_fab