AppBar
是 Flutter 中用于在应用程序顶部显示标题、图标和其他导航控件的组件。它是 Material Design
的一部分,提供了丰富的定制选项。
在 Flutter 中,AppBar
的标题高度可以通过设置 title
属性来调整。默认情况下,标题的高度是固定的,但你可以通过自定义 Text
组件来改变其高度。
以下是一个示例代码,展示如何设置 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: PreferredSize(
preferredSize: Size.fromHeight(50.0), // 设置标题高度
child: Text(
'Custom AppBar Title',
style: TextStyle(fontSize: 20.0),
),
),
),
body: Center(
child: Text('Hello, Flutter!'),
),
),
);
}
}
50.0
。通过这种方式,你可以轻松地调整 AppBar
标题的高度,以满足你的设计需求。
领取专属 10元无门槛券
手把手带您无忧上云