用fultter写一个关于的页面
时间: 2023-12-02 13:05:53 浏览: 25
好的,以下是一个简单的 Flutter 关于页面示例:
```dart
import 'package:flutter/material.dart';
class AboutPage extends StatelessWidget {
final String appName = 'Flutter About Page Example';
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('关于'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Image.asset(
'assets/images/flutter_logo.png',
width: 100,
height: 100,
),
SizedBox(height: 10),
Text(
appName,
style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
),
SizedBox(height: 10),
Text(
'版本号: 1.0.0',
style: TextStyle(fontSize: 16),
),
SizedBox(height: 10),
Text(
'COPYRIGHT © 2021',
style: TextStyle(fontSize: 16),
),
],
),
),
);
}
}
```
在这个示例中,我们创建了一个 `AboutPage` 类,它包含了应用程序的名称、版本号和版权信息。在 `build` 方法中,我们使用 `Scaffold` 组件来创建页面结构,包括应用栏和中心部分。
在中心部分,我们使用 `Column` 组件来放置应用程序的 logo、应用程序名称、版本号和版权信息。我们还使用 `SizedBox` 组件来添加一些垂直间距。
注意,这个示例中的图片需要你在 `assets/images/` 目录下添加一个名为 `flutter_logo.png` 的图片文件。你也可以选择其他图片或使用其他方式来显示图片。
希望这个示例对你有所帮助!