要在AppBar上方添加空白空间,可以使用PreferredSize组件来调整AppBar的高度,并使用Container组件来创建空白空间。以下是一个示例代码:
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
visualDensity: VisualDensity.adaptivePlatformDensity,
),
home: Scaffold(
appBar: PreferredSize(
preferredSize: Size.fromHeight(100.0), // 调整AppBar的高度
child: AppBar(
title: Text('AppBar 上方的空白空间'),
),
),
body: Container(
margin: EdgeInsets.only(top: 20.0), // 添加空白空间的大小
child: Center(
child: Text('这是AppBar上方的空白空间'),
),
),
),
);
}
}
上述代码中,我们使用PreferredSize组件来调整AppBar的高度为100.0,然后使用Container组件创建一个上边距为20.0的空白空间。在Container的child属性内,可以放置任何你想要显示在AppBar上方的内容。