flutter pub add flutter_web_frame基于插件公开信息、社区数据与项目使用情况整理的选型参考。
Flutter Web Frame 是一个用于在 Flutter 应用程序的网页、桌面和 PWA 平台上限制内容大小的包。它通过约束布局尺寸来帮助聚焦内容，使缺乏响应式设计的应用程序在视觉上更加一致且居中。非常适合创建固定宽度布局或模拟设备屏幕，可在无需完全响应式的情况下提升展示效果。该包可轻松集成到现有项目中，设置简单。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
Make the frame max width / size when on large devices such as Web or Desktop.
This is very suitable to be used to limit the size of content, if your application is not yet available a responsive version if it is run on multiple devices / platforms.
Follow the instructions to install it here
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_web_frame/flutter_web_frame.dart';
void main() {
runApp(MyAp());
}
class MyAp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return FlutterWebFrame(
builder: (context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Flutter Web Frame'),
),
body: Center(
child: Text('Body Text'),
),
),
);
},
maximumSize: Size(475.0, 812.0), // Maximum size
enabled: kIsWeb, // default is enable, when disable content is full size
backgroundColor: Colors.grey, // Background color/white space
);
}
}