Flutter 中的 FloatingActionButton 小部件:全面指南
FloatingActionButton 是 Flutter 中用于创建浮动动作按钮的小部件。以下是如何使用 FloatingActionButton 的基本示例:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('FloatingActionButton Example'),
),
body: Center(
child: Text('Press the button below!'),
),
floatingActionButton: FloatingActionButton(
onPressed: () {
// 处理点击事件
print('FloatingActionButton was pressed.');
},
tooltip: 'Increment',
child: Icon(Icons.add),
),
),
);
}
}
在这个例子中,我们创建了一个简单的应用,在顶部栏有一个浮动动作按钮,按下时会在控制台打印一条消息。按钮包含一个加号图标,并且当用户长按时会显示一个工具提示“Increment”。这是 FloatingActionButton 的基本用法。
评论已关闭