Flutter 导航栏AppBar,2024年Android大厂面试分享
在Flutter中,AppBar
是一个Material Design风格的导航栏,通常位于Scaffold
的顶部,用于展示应用的标题和操作按钮。以下是一个简单的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 Example'),
actions: <Widget>[
IconButton(
icon: Icon(Icons.settings),
onPressed: () {}, // 点击事件
),
],
),
body: Center(
child: Text('This is the body of the app.'),
),
),
);
}
}
在这个例子中,AppBar
有一个标题和一个动作按钮(设置图标)。当用户点击设置按钮时,可以执行相关的操作,例如导航到设置页面。这是一个非常基础的AppBar
使用示例,但它展示了如何在Flutter应用中添加和配置一个导航栏。
评论已关闭