真香系列！Flutter可展开选项的浮动按钮，用起来真方便

前端

2023-12-13 19:43:54

引言

Flutter 是谷歌推出的移动应用程序开发框架，它使用一套统一的编程语言来构建适用于 iOS 和 Android 的应用程序。 Flutter 的优势在于，它可以帮助开发人员快速构建高质量的应用程序，并且无需单独针对每个平台进行开发。

浮动按钮是 Flutter 中的一个常见组件，它可以用于执行快速操作。浮动按钮通常显示在屏幕的右下角，当用户点击它时，它会展开一个选项菜单。

Flutter 中的可展开选项浮动按钮

Flutter 中的可展开选项浮动按钮（FloatingActionButton with expand options）是一种特殊类型的浮动按钮，它允许用户展开一个选项菜单。此按钮非常适合用于执行快速操作，例如：

添加新项目
打开搜索栏
切换到另一个视图

如何使用可展开选项浮动按钮

要使用可展开选项浮动按钮，您需要在您的 Flutter 代码中添加以下代码：

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: FloatingActionButton.extended(
            onPressed: () {
              // 执行操作
            },
            label: Text('展开'),
            icon: Icon(Icons.add),
          ),
        ),
      ),
    );
  }
}