flutter 如何让导航栏显示到页面最外层
时间: 2023-09-07 21:11:25 浏览: 49
要让导航栏显示到页面最外层,你可以使用 `Scaffold` 组件并将 `appBar` 属性设置为你想要的导航栏,然后将其包装在 `MaterialApp` 中。
例如,以下是一个简单的示例代码:
```dart
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
home: Scaffold(
appBar: AppBar(
title: Text('My App'),
),
body: Center(
child: Text('Hello, World!'),
),
),
);
}
}
```
在上面的示例中,我们将 `Scaffold` 组件用作主页,并将其 `appBar` 属性设置为一个带有标题“ My App”的 `AppBar` 组件。 `body` 属性包含一个居中的文本小部件。
请注意,`Scaffold` 将在页面中占据所有空间,包括 `AppBar` 在内。如果你想要让 `AppBar` 在页面范围内浮动,可以将 `Scaffold` 的 `extendBody` 属性设置为 `true`。