Merge pull request #9 from wisnuwiry/feat/migrate-and-add-more-cleary-example-usage

feat: Migrate to Latest Flutter Version and Add More Cleary Example App Usage

Author: wisnuwiry

CHANGELOG.md

@@ -1,12 +1,17 @@
-## [0.0.1] - 08/04/2021
+## [1.0.0] - 06/07/2023
+
+* Migrate to latest flutter
+* Enhance example app
+
+## [0.0.3] - 18/05/2022
 
-* Initial release.
+* Migrate to support Flutter 3
+* Add clip behavior
 
 ## [0.0.2] - 08/04/2021
 
 * Fix typo
 
-## [0.0.3] - 18/05/2022
+## [0.0.1] - 08/04/2021
 
-* Migrate to support Flutter 3
-* Add clip behavior
+* Initial release.

README.md

@@ -35,7 +35,7 @@ class MyAp extends StatelessWidget {
         return MaterialApp(
           home: Scaffold(
             appBar: AppBar(
-              title: Text('Title '),
+              title: Text('Flutter Web Frame'),
             ),
             body: Center(
               child: Text('Body Text'),

analisys

@@ -0,0 +1,44 @@
+# Miscellaneous
+*.class
+*.log
+*.pyc
+*.swp
+.DS_Store
+.atom/
+.buildlog/
+.history
+.svn/
+migrate_working_dir/
+
+# IntelliJ related
+*.iml
+*.ipr
+*.iws
+.idea/
+
+# The .vscode folder contains launch configuration and tasks you configure in
+# VS Code which you may wish to be included in version control, so this line
+# is commented out by default.
+#.vscode/
+
+# Flutter/Dart/Pub related
+**/doc/api/
+**/ios/Flutter/.last_build_id
+.dart_tool/
+.flutter-plugins
+.flutter-plugins-dependencies
+.packages
+.pub-cache/
+.pub/
+/build/
+
+# Symbolication related
+app.*.symbols
+
+# Obfuscation related
+app.*.map.json
+
+# Android Studio will place build artifacts here
+/android/app/debug
+/android/app/profile
+/android/app/release

example/.gitignore

@@ -0,0 +1,16 @@
+# example
+
+A new Flutter project.
+
+## Getting Started
+
+This project is a starting point for a Flutter application.
+
+A few resources to get you started if this is your first Flutter project:
+
+- [Lab: Write your first Flutter app](https://docs.flutter.dev/get-started/codelab)
+- [Cookbook: Useful Flutter samples](https://docs.flutter.dev/cookbook)
+
+For help getting started with Flutter development, view the
+[online documentation](https://docs.flutter.dev/), which offers tutorials,
+samples, guidance on mobile development, and a full API reference.

example/README.md

@@ -0,0 +1,117 @@
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_web_frame/flutter_web_frame.dart';
+
+void main() {
+  runApp(MyApp());
+}
+
+class MyApp extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return FlutterWebFrame(
+      builder: (context) {
+        return MaterialApp(
+          home: FirstScreen(),
+        );
+      },
+      clipBehavior: Clip.hardEdge,
+      maximumSize: Size(475.0, 812.0),
+      enabled: kIsWeb,
+      backgroundColor: Colors.grey,
+    );
+  }
+}
+
+class FirstScreen extends StatelessWidget {
+  const FirstScreen({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text('Flutter Web Frame'),
+      ),
+      body: Stack(
+        children: [
+          Positioned(
+            child: _buildButton(context),
+            left: 0,
+            top: 20,
+          ),
+          Positioned(
+            child: _buildButton(context),
+            right: 0,
+            top: 20,
+          ),
+          Positioned(
+            child: _buildButton(context),
+            left: 0,
+            bottom: 20,
+          ),
+          Positioned(
+            child: _buildButton(context),
+            right: 0,
+            bottom: 20,
+          ),
+          Center(child: _buildButton(context)),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildButton(BuildContext context) {
+    return ElevatedButton.icon(
+      onPressed: () {
+        Navigator.of(context).push(
+          MaterialPageRoute(
+            builder: (_) => SomeScreen(number: 1),
+          ),
+        );
+      },
+      icon: Icon(Icons.next_plan),
+      label: Text('Next Page'),
+    );
+  }
+}
+
+class SomeScreen extends StatelessWidget {
+  const SomeScreen({Key? key, required this.number}) : super(key: key);
+
+  final int number;
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text('Screen $number'),
+      ),
+      body: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          ElevatedButton(
+            onPressed: () {
+              Navigator.of(context).pop();
+            },
+            child: Text('Back'),
+          ),
+          SizedBox(height: 20, width: double.infinity),
+          ElevatedButton(
+            onPressed: () {
+              Navigator.of(context).push(
+                MaterialPageRoute(
+                  builder: (_) => SomeScreen(number: number + 1),
+                ),
+              );
+            },
+            child: Text('Next To Screen ${number + 1}'),
+          ),
+          SizedBox(height: 20, width: double.infinity),
+          TextField(
+            decoration: InputDecoration(hintText: 'Input some text'),
+          ),
+        ],
+      ),
+    );
+  }
+}

example/lib/main.dart

@@ -5,18 +5,20 @@ packages:
     dependency: transitive
     description:
       name: characters
-      url: "https://pub.dartlang.org"
+      sha256: e6a326c8af69605aec75ed6c187d06b349707a27fbff8222ca9cc2cff167975c
+      url: "https://pub.dev"
     source: hosted
-    version: "1.2.0"
+    version: "1.2.1"
   collection:
     dependency: transitive
     description:
       name: collection
-      url: "https://pub.dartlang.org"
+      sha256: cfc915e6923fe5ce6e153b0723c753045de46de1b4d63771530504004a45fae0
+      url: "https://pub.dev"
     source: hosted
-    version: "1.15.0"
+    version: "1.17.0"
   flutter:
-    dependency: transitive
+    dependency: "direct main"
     description: flutter
     source: sdk
     version: "0.0.0"
@@ -26,40 +28,44 @@ packages:
       path: ".."
       relative: true
     source: path
-    version: "0.0.3"
+    version: "1.0.0"
+  js:
+    dependency: transitive
+    description:
+      name: js
+      sha256: "5528c2f391ededb7775ec1daa69e65a2d61276f7552de2b5f7b8d34ee9fd4ab7"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.6.5"
   material_color_utilities:
     dependency: transitive
     description:
       name: material_color_utilities
-      url: "https://pub.dartlang.org"
+      sha256: d92141dc6fe1dad30722f9aa826c7fbc896d021d792f80678280601aff8cf724
+      url: "https://pub.dev"
     source: hosted
-    version: "0.1.3"
+    version: "0.2.0"
   meta:
     dependency: transitive
     description:
       name: meta
-      url: "https://pub.dartlang.org"
+      sha256: "6c268b42ed578a53088d834796959e4a1814b5e9e164f147f580a386e5decf42"
+      url: "https://pub.dev"
     source: hosted
-    version: "1.7.0"
+    version: "1.8.0"
   sky_engine:
     dependency: transitive
     description: flutter
     source: sdk
     version: "0.0.99"
-  typed_data:
-    dependency: transitive
-    description:
-      name: typed_data
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.3.0"
   vector_math:
     dependency: transitive
     description:
       name: vector_math
-      url: "https://pub.dartlang.org"
+      sha256: "80b3257d1492ce4d091729e3a67a60407d227c27241d6927be0130c98e741803"
+      url: "https://pub.dev"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.4"
 sdks:
-  dart: ">=2.14.0 <3.0.0"
+  dart: ">=2.18.0 <3.0.0"
   flutter: ">=1.17.0"

example/main.dart

@@ -1,8 +1,13 @@
 name: example
-
 environment:
-  sdk: ">=2.12.0-0 <3.0.0"
+  sdk: ">=2.12.0 <3.0.0"
+  flutter: ">=1.17.0"
 
 dependencies:
+  flutter:
+    sdk: flutter
   flutter_web_frame:
-    path: ../
+    path: ../
+
+flutter:
+  uses-material-design: true