Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gabrimatic/center_the_widgets
https://github.com/gabrimatic/center_the_widgets
Last synced: 18 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/gabrimatic/center_the_widgets
- Owner: gabrimatic
- License: mit
- Created: 2022-02-02T20:22:32.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2022-02-07T08:56:19.000Z (over 2 years ago)
- Last Synced: 2024-10-03T15:15:00.102Z (about 1 month ago)
- Language: HTML
- Size: 71.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
## Center any widget in Flutter
------------
Sometimes you want to deploy your mobile design-based application for large screens on the #web or desktop, and you didn't write any #code to make it responsive!
🤝 CenterTheWidgets is developed to handle this for you.
### What is this widget?
------------
**When** you are working with small screens like mobiles, everything is bright as you develop them. But, **What if** you want to publish your app for the web or large devices? All of your designs will be **corrupted**! As long as the screen gets bigger, your beautiful designed elements get to stretch!
The best solution is to write your code fully responsive to handle every screen size;
##### But, What if you don't have **time** for that? Or you want to keep your mobile design on other platforms too?
That's why I developed this package!
You can wrap any widget that you want to keep its size, with CenterTheWidgets!
##### You want to do this for your whole app?
Just wrap your root widget with CenterTheWidget, and after that, all of your dialogs and widgets will respect your design, and your design will be as beautiful as it was.
```dart
runApp(MaterialApp(home: CenterTheWidgets(child: YourHomeWidget())));
```
##### What about the edges? What will be shown on the rest of the screen?
It is so easy! You can pass the color or edgesImage parameters to make edges more gorgeous!
* Without CenterTheWidgets:
* With CenterTheWidgets:
### How to use it?
------------
**1. Add the package to pubspec.yaml dependency:**
```yaml
dependencies:
center_the_widgets: ^1.0.0
```
**2. Import package:**
```dart
import 'package:center_the_widgets/center_the_widgets.dart';
```
**3. Wrap any widget with CenterTheWidgets to show them in the center of the screen:**
```dart
return CenterTheWidgets(
child: Scaffold(
body: const Text('Hi!'),
),
);
```
## Developer
By [Hossein Yousefpour](https://gabrimatic.info "Hossein Yousefpour")
© All rights reserved.
## Donate
* 
OR
* ETH Address: **0xc2F103b11C5d7bE3Abe292EE549a3ba418655A0E**