flutter标题栏实现
1、实现效果如图:
2、源码实现
1、main.dart文件内容
import 'package:flutter/material.dart';
import 'package:hello_flutter/action/view/HomeView.dart';
void main() {
//创建MaterialApp风格的应用
runApp(MaterialApp(
//设置主题风格
theme: ThemeData(primarySwatch: Colors.blue),
//设置应用的首页
home: HomeView(),
));
}
2、HomeView.dart文件内容
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
class HomeView extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("首页标题"),
leading: IconButton(
icon: Icon(Icons.menu),
onPressed: () => {print("点击了左上角的按钮")},
color: Colors.yellow,
iconSize: 20),
actions: [
IconButton(
icon: Icon(Icons.search),
onPressed: () {
print("点击了右上角的按钮");
}),
IconButton(
icon: Icon(Icons.person),
onPressed: () {
print("点击了person按钮");
})
],
),
);
}
}