2024年25个Android酷炫开源UI框架，flutter弹窗页面缩小

在Flutter中，弹窗通常使用showDialog函数来创建，如果你想要弹窗页面缩小，可以使用Dialog小部件并调整其大小。以下是一个简单的示例，展示了如何创建一个缩小的弹窗页面：

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('Dialog Shrink Example'),
        ),
        body: Center(
          child: RaisedButton(
            child: Text('Open Shrink Dialog'),
            onPressed: () => _openShrinkDialog(context),
          ),
        ),
      ),
    );
  }
 
  void _openShrinkDialog(BuildContext context) {
    showDialog(
      context: context,
      builder: (context) {
        return Dialog(
          child: Scaffold(
            body: Center(
              child: Text('This is a shrinked dialog!'),
            ),
          ),
        );
      },
    );
  }
}

在这个例子中，我们创建了一个RaisedButton，当按下时会调用_openShrinkDialog函数，这个函数使用showDialog显示一个Dialog。Dialog内部又包含了一个Scaffold，这样可以在Dialog内部创建复杂的布局，同时Dialog本身默认就是缩小显示的。

你可以根据需要调整Dialog内部的Scaffold大小，例如通过设置resizeToAvoidBottomInset: false来避免自动调整大小避免底部安全区域。

如果你想要更进一步控制大小，可以使用Container或Align等小部件来手动设置Dialog的大小。