Flutter 中的 PreferredSize 小部件：全面指南

在Flutter中，PreferredSize小部件通常用于定义一个在AppBar中使用的自定义标题栏。以下是如何使用PreferredSize小部件的一个简单示例：

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: Text('Flutter App'),
          // 使用PreferredSize小部件自定义AppBar的高度和内容
          preferredSize: Size.fromHeight(100.0), // 设置AppBar的高度
          flexibleSpace: FlexibleSpaceBar(
            background: Image.asset('assets/images/header_background.jpg', fit: BoxFit.fitHeight),
          ),
        ),
        body: Center(
          child: Text('Custom AppBar with PreferredSize'),
        ),
      ),
    );
  }
}

在这个例子中，我们创建了一个自定义的AppBar，通过preferredSize属性来指定AppBar的高度，并通过flexibleSpace属性来设置一个背景图片。这个PreferredSize小部件允许你在不使用AppBar默认构造函数的情况下定制标题栏。