https://github.com/wisnuwiry/flutter_web_frame

Make Limit content size in Flutter Web/Desktop/PWA, Make your app that doesn't support responsiveness more focused on content. Demo: https://flutter-web-frame.vercel.app
https://github.com/wisnuwiry/flutter_web_frame

flutter flutter-plugin flutter-pwa flutter-web

Last synced: over 1 year ago
JSON representation

Make Limit content size in Flutter Web/Desktop/PWA, Make your app that doesn't support responsiveness more focused on content. Demo: https://flutter-web-frame.vercel.app

• Host: GitHub
• URL: https://github.com/wisnuwiry/flutter_web_frame
• Owner: wisnuwiry
• License: mit
• Created: 2021-04-08T11:42:45.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2023-07-06T02:36:10.000Z (almost 3 years ago)
• Last Synced: 2025-03-18T18:06:28.165Z (over 1 year ago)
• Topics: flutter, flutter-plugin, flutter-pwa, flutter-web
• Language: Dart
• Homepage: https://pub.dev/packages/flutter_web_frame
• Size: 52.7 KB
• Stars: 16
• Watchers: 1
• Forks: 10
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Flutter Web Frame

[![Pub](https://img.shields.io/pub/v/flutter_web_frame.svg)](https://pub.dev/packages/flutter_web_frame)

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.

## Preview

![Preview](https://i.ibb.co/hR9j1RJ/preview.png)

## Install

Follow the instructions to install it [here](https://pub.dev/packages/flutter_web_frame)

## Example Usage

```dart

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

    );

  }

}

```