_Flutter入门与实战:构建一个常用的页面框架
import 'package:flutter/material.dart';
class CommonPage extends StatefulWidget {
@override
_CommonPageState createState() => _CommonPageState();
}
class _CommonPageState extends State<CommonPage> {
// 定义页面的标题
String pageTitle = '通用页面';
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(pageTitle),
centerTitle: true, // 标题居中
),
body: Center(
child: Text(
'这是一个通用页面的示例',
style: TextStyle(fontSize: 20),
),
),
);
}
}
这段代码定义了一个名为CommonPage
的有状态小部件,它使用Material组件库中的Scaffold
来创建一个带有标题栏和中心文本的页面。通过这个例子,开发者可以学习到如何在Flutter中创建一个常见的页面架构,这对于构建任何应用的页面都是一个基础且重要的技能。
评论已关闭