Skip to content

Commit e4e9f2c

Browse files
committed
v0.0.7 Release
- Add links to [Flutter Website](https://github.com/Codelessly/FlutterWebsite) example.
1 parent 0dfe47e commit e4e9f2c

File tree

4 files changed

+21
-14
lines changed

4 files changed

+21
-14
lines changed

CHANGELOG.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,8 @@
11
# Changelog
22

3+
## 0.0.7
4+
- Add links to [Flutter Website](https://github.com/Codelessly/FlutterWebsite) example.
5+
36
## 0.0.6
47
- Create `autoScaleDown` and `tag` behaviors.
58
- Create ResponsiveBreakpointSegment and algorithm to calculate breakpoint segments.

README.md

Lines changed: 16 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -16,14 +16,18 @@ Supporting multiple display sizes often means recreating the same layout multipl
1616
### The Solution
1717
Use Responsive Framework to automatically scale your UI.
1818

19-
> **ResponsiveBreakpoint.autoScale(breakpoint: 600);**
19+
> **ResponsiveBreakpoint.autoScale(600);**
2020
2121
## Demo
2222

2323
### [Minimal Website](https://gallery.codelessly.com/flutterwebsites/minimal/?utm_medium=link&utm_campaign=demo)
2424

2525
A demo website built with the Responsive Framework. [View Code](https://github.com/Codelessly/FlutterMinimalWebsite)
2626

27+
### [Flutter Website](https://gallery.codelessly.com/flutterwebsites/flutterwebsite/?utm_medium=link&utm_campaign=demo)
28+
29+
The flutter.dev website recreated in Flutter. [View Code](https://github.com/Codelessly/FlutterWebsite)
30+
2731
## Quick Start
2832

2933
[![Pub release](https://img.shields.io/pub/v/responsive_framework.svg?style=flat-square)](https://pub.dev/packages/responsive_framework)
@@ -45,9 +49,9 @@ class MyApp extends StatelessWidget {
4549
minWidth: 480,
4650
defaultScale: true,
4751
breakpoints: [
48-
ResponsiveBreakpoint.resize(breakpoint: 480, name: MOBILE),
49-
ResponsiveBreakpoint.autoScale(breakpoint: 800, name: TABLET),
50-
ResponsiveBreakpoint.resize(breakpoint: 1000, name: DESKTOP),
52+
ResponsiveBreakpoint.resize(480, name: MOBILE),
53+
ResponsiveBreakpoint.autoScale(800, name: TABLET),
54+
ResponsiveBreakpoint.resize(1000, name: DESKTOP),
5155
],
5256
background: Container(color: Color(0xFFF5F5F5))),
5357
initialRoute: "/",
@@ -65,7 +69,7 @@ AutoScale shrinks and expands your layout *proportionally*, preserving the exact
6569
This eliminates the need to manually adapt layouts to mobile, tablet, and desktop.
6670

6771
```dart
68-
ResponsiveBreakpoint.autoScale(breakpoint: 600);
72+
ResponsiveBreakpoint.autoScale(600);
6973
```
7074

7175
Flutter's default behavior is resize which Responsive Framework respects. AutoScale is off by default and can be enabled at breakpoints by setting `autoScale` to `true`.
@@ -80,9 +84,9 @@ Breakpoints control responsive behavior at different screen sizes.
8084
ResponsiveWrapper(
8185
child,
8286
breakpoints: [
83-
ResponsiveBreakpoint.resize(breakpoint: 600, name: MOBILE),
84-
ResponsiveBreakpoint.autoScale(breakpoint: 800, name: TABLET),
85-
ResponsiveBreakpoint.autoScale(breakpoint: 1200, name: DESKTOP),
87+
ResponsiveBreakpoint.resize(600, name: MOBILE),
88+
ResponsiveBreakpoint.autoScale(800, name: TABLET),
89+
ResponsiveBreakpoint.autoScale(1200, name: DESKTOP),
8690
],
8791
)
8892
```
@@ -116,10 +120,10 @@ ResponsiveWrapper(
116120
minWidth: 480,
117121
defaultScale: true,
118122
breakpoints: [
119-
ResponsiveBreakpoint.resize(breakpoint: 480, name: MOBILE),
120-
ResponsiveBreakpoint.autoScale(breakpoint: 800, name: TABLET),
121-
ResponsiveBreakpoint.resize(breakpoint: 1000, name: DESKTOP),
122-
ResponsiveBreakpoint.autoScale(breakpoint: 2460, name: '4K'),
123+
ResponsiveBreakpoint.resize(480, name: MOBILE),
124+
ResponsiveBreakpoint.autoScale(800, name: TABLET),
125+
ResponsiveBreakpoint.resize(1000, name: DESKTOP),
126+
ResponsiveBreakpoint.autoScale(2460, name: '4K'),
123127
],
124128
)
125129
```

example

pubspec.yaml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
name: responsive_framework
22
description: Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple.
3-
version: 0.0.6
3+
version: 0.0.7
44
homepage: https://codelessly.com
55
repository: https://github.com/Codelessly/ResponsiveFramework
66
issue_tracker: https://github.com/Codelessly/ResponsiveFramework/issues

0 commit comments

Comments
 (0)