Flutter 中的 AppBar 小部件:全面指南
在Flutter中,AppBar是一个Material Design风格的小部件,用于创建应用程序的顶部栏,通常包含标题、操作和导航。以下是一个简单的AppBar示例代码:
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('Flutter AppBar 示例'),
actions: <Widget>[
IconButton(
icon: Icon(Icons.settings),
tooltip: '设置',
onPressed: () {
// 点击时的逻辑处理
},
),
],
),
body: Center(
child: Text('这是一个AppBar的示例页面'),
),
),
);
}
}
这段代码创建了一个包含标题和一个设置图标的AppBar,并且当点击设置图标时,会执行一个空的函数(即不执行任何操作)。这是一个入门级的AppBar使用指南,适合初学者学习和实践。
评论已关闭