diff --git a/demo_app/.gitignore b/demo_app/.gitignore new file mode 100644 index 00000000..ae1f1838 --- /dev/null +++ b/demo_app/.gitignore @@ -0,0 +1,37 @@ +# Miscellaneous +*.class +*.log +*.pyc +*.swp +.DS_Store +.atom/ +.buildlog/ +.history +.svn/ + +# 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/ +.dart_tool/ +.flutter-plugins +.flutter-plugins-dependencies +.packages +.pub-cache/ +.pub/ +/build/ + +# Web related +lib/generated_plugin_registrant.dart + +# Exceptions to above rules. +!/packages/flutter_tools/test/data/dart_dependencies_test/**/.packages diff --git a/demo_app/.metadata b/demo_app/.metadata new file mode 100644 index 00000000..361e1e4c --- /dev/null +++ b/demo_app/.metadata @@ -0,0 +1,10 @@ +# This file tracks properties of this Flutter project. +# Used by Flutter tool to assess capabilities and perform upgrades etc. +# +# This file should be version controlled and should not be manually edited. + +version: + revision: 18cd7a3601bcffb36fdf2f679f763b5e827c2e8e + channel: beta + +project_type: app diff --git a/demo_app/README.md b/demo_app/README.md new file mode 100644 index 00000000..ebae316f --- /dev/null +++ b/demo_app/README.md @@ -0,0 +1,16 @@ +# demo_app + +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://flutter.dev/docs/get-started/codelab) +- [Cookbook: Useful Flutter samples](https://flutter.dev/docs/cookbook) + +For help getting started with Flutter, view our +[online documentation](https://flutter.dev/docs), which offers tutorials, +samples, guidance on mobile development, and a full API reference. diff --git a/demo_app/android/.gitignore b/demo_app/android/.gitignore new file mode 100644 index 00000000..bc2100d8 --- /dev/null +++ b/demo_app/android/.gitignore @@ -0,0 +1,7 @@ +gradle-wrapper.jar +/.gradle +/captures/ +/gradlew +/gradlew.bat +/local.properties +GeneratedPluginRegistrant.java diff --git a/demo_app/android/app/build.gradle b/demo_app/android/app/build.gradle new file mode 100644 index 00000000..471f73aa --- /dev/null +++ b/demo_app/android/app/build.gradle @@ -0,0 +1,67 @@ +def localProperties = new Properties() +def localPropertiesFile = rootProject.file('local.properties') +if (localPropertiesFile.exists()) { + localPropertiesFile.withReader('UTF-8') { reader -> + localProperties.load(reader) + } +} + +def flutterRoot = localProperties.getProperty('flutter.sdk') +if (flutterRoot == null) { + throw new GradleException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.") +} + +def flutterVersionCode = localProperties.getProperty('flutter.versionCode') +if (flutterVersionCode == null) { + flutterVersionCode = '1' +} + +def flutterVersionName = localProperties.getProperty('flutter.versionName') +if (flutterVersionName == null) { + flutterVersionName = '1.0' +} + +apply plugin: 'com.android.application' +apply plugin: 'kotlin-android' +apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle" + +android { + compileSdkVersion 28 + + sourceSets { + main.java.srcDirs += 'src/main/kotlin' + } + + lintOptions { + disable 'InvalidPackage' + } + + defaultConfig { + // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html). + applicationId "com.example.demo_app" + minSdkVersion 16 + targetSdkVersion 28 + versionCode flutterVersionCode.toInteger() + versionName flutterVersionName + testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner" + } + + buildTypes { + release { + // TODO: Add your own signing config for the release build. + // Signing with the debug keys for now, so `flutter run --release` works. + signingConfig signingConfigs.debug + } + } +} + +flutter { + source '../..' +} + +dependencies { + implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version" + testImplementation 'junit:junit:4.12' + androidTestImplementation 'androidx.test:runner:1.1.1' + androidTestImplementation 'androidx.test.espresso:espresso-core:3.1.1' +} diff --git a/demo_app/android/app/src/debug/AndroidManifest.xml b/demo_app/android/app/src/debug/AndroidManifest.xml new file mode 100644 index 00000000..cef74c20 --- /dev/null +++ b/demo_app/android/app/src/debug/AndroidManifest.xml @@ -0,0 +1,7 @@ + + + + diff --git a/demo_app/android/app/src/main/AndroidManifest.xml b/demo_app/android/app/src/main/AndroidManifest.xml new file mode 100644 index 00000000..27b7e17a --- /dev/null +++ b/demo_app/android/app/src/main/AndroidManifest.xml @@ -0,0 +1,30 @@ + + + + + + + + + + + + + diff --git a/demo_app/android/app/src/main/kotlin/com/example/demo_app/MainActivity.kt b/demo_app/android/app/src/main/kotlin/com/example/demo_app/MainActivity.kt new file mode 100644 index 00000000..c25730bf --- /dev/null +++ b/demo_app/android/app/src/main/kotlin/com/example/demo_app/MainActivity.kt @@ -0,0 +1,12 @@ +package com.example.demo_app + +import androidx.annotation.NonNull; +import io.flutter.embedding.android.FlutterActivity +import io.flutter.embedding.engine.FlutterEngine +import io.flutter.plugins.GeneratedPluginRegistrant + +class MainActivity: FlutterActivity() { + override fun configureFlutterEngine(@NonNull flutterEngine: FlutterEngine) { + GeneratedPluginRegistrant.registerWith(flutterEngine); + } +} diff --git a/demo_app/android/app/src/main/res/drawable/launch_background.xml b/demo_app/android/app/src/main/res/drawable/launch_background.xml new file mode 100644 index 00000000..304732f8 --- /dev/null +++ b/demo_app/android/app/src/main/res/drawable/launch_background.xml @@ -0,0 +1,12 @@ + + + + + + + + diff --git a/demo_app/android/app/src/main/res/mipmap-hdpi/ic_launcher.png b/demo_app/android/app/src/main/res/mipmap-hdpi/ic_launcher.png new file mode 100644 index 00000000..db77bb4b Binary files /dev/null and b/demo_app/android/app/src/main/res/mipmap-hdpi/ic_launcher.png differ diff --git a/demo_app/android/app/src/main/res/mipmap-mdpi/ic_launcher.png b/demo_app/android/app/src/main/res/mipmap-mdpi/ic_launcher.png new file mode 100644 index 00000000..17987b79 Binary files /dev/null and b/demo_app/android/app/src/main/res/mipmap-mdpi/ic_launcher.png differ diff --git a/demo_app/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/demo_app/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png new file mode 100644 index 00000000..09d43914 Binary files /dev/null and b/demo_app/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png differ diff --git a/demo_app/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/demo_app/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png new file mode 100644 index 00000000..d5f1c8d3 Binary files /dev/null and b/demo_app/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png differ diff --git a/demo_app/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png b/demo_app/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png new file mode 100644 index 00000000..4d6372ee Binary files /dev/null and b/demo_app/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png differ diff --git a/demo_app/android/app/src/main/res/values/styles.xml b/demo_app/android/app/src/main/res/values/styles.xml new file mode 100644 index 00000000..00fa4417 --- /dev/null +++ b/demo_app/android/app/src/main/res/values/styles.xml @@ -0,0 +1,8 @@ + + + + diff --git a/demo_app/android/app/src/profile/AndroidManifest.xml b/demo_app/android/app/src/profile/AndroidManifest.xml new file mode 100644 index 00000000..cef74c20 --- /dev/null +++ b/demo_app/android/app/src/profile/AndroidManifest.xml @@ -0,0 +1,7 @@ + + + + diff --git a/demo_app/android/build.gradle b/demo_app/android/build.gradle new file mode 100644 index 00000000..3100ad2d --- /dev/null +++ b/demo_app/android/build.gradle @@ -0,0 +1,31 @@ +buildscript { + ext.kotlin_version = '1.3.50' + repositories { + google() + jcenter() + } + + dependencies { + classpath 'com.android.tools.build:gradle:3.5.0' + classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version" + } +} + +allprojects { + repositories { + google() + jcenter() + } +} + +rootProject.buildDir = '../build' +subprojects { + project.buildDir = "${rootProject.buildDir}/${project.name}" +} +subprojects { + project.evaluationDependsOn(':app') +} + +task clean(type: Delete) { + delete rootProject.buildDir +} diff --git a/demo_app/android/gradle.properties b/demo_app/android/gradle.properties new file mode 100644 index 00000000..38c8d454 --- /dev/null +++ b/demo_app/android/gradle.properties @@ -0,0 +1,4 @@ +org.gradle.jvmargs=-Xmx1536M +android.enableR8=true +android.useAndroidX=true +android.enableJetifier=true diff --git a/demo_app/android/gradle/wrapper/gradle-wrapper.properties b/demo_app/android/gradle/wrapper/gradle-wrapper.properties new file mode 100644 index 00000000..296b146b --- /dev/null +++ b/demo_app/android/gradle/wrapper/gradle-wrapper.properties @@ -0,0 +1,6 @@ +#Fri Jun 23 08:50:38 CEST 2017 +distributionBase=GRADLE_USER_HOME +distributionPath=wrapper/dists +zipStoreBase=GRADLE_USER_HOME +zipStorePath=wrapper/dists +distributionUrl=https\://services.gradle.org/distributions/gradle-5.6.2-all.zip diff --git a/demo_app/android/settings.gradle b/demo_app/android/settings.gradle new file mode 100644 index 00000000..5a2f14fb --- /dev/null +++ b/demo_app/android/settings.gradle @@ -0,0 +1,15 @@ +include ':app' + +def flutterProjectRoot = rootProject.projectDir.parentFile.toPath() + +def plugins = new Properties() +def pluginsFile = new File(flutterProjectRoot.toFile(), '.flutter-plugins') +if (pluginsFile.exists()) { + pluginsFile.withReader('UTF-8') { reader -> plugins.load(reader) } +} + +plugins.each { name, path -> + def pluginDirectory = flutterProjectRoot.resolve(path).resolve('android').toFile() + include ":$name" + project(":$name").projectDir = pluginDirectory +} diff --git a/demo_app/ios/.gitignore b/demo_app/ios/.gitignore new file mode 100644 index 00000000..e96ef602 --- /dev/null +++ b/demo_app/ios/.gitignore @@ -0,0 +1,32 @@ +*.mode1v3 +*.mode2v3 +*.moved-aside +*.pbxuser +*.perspectivev3 +**/*sync/ +.sconsign.dblite +.tags* +**/.vagrant/ +**/DerivedData/ +Icon? +**/Pods/ +**/.symlinks/ +profile +xcuserdata +**/.generated/ +Flutter/App.framework +Flutter/Flutter.framework +Flutter/Flutter.podspec +Flutter/Generated.xcconfig +Flutter/app.flx +Flutter/app.zip +Flutter/flutter_assets/ +Flutter/flutter_export_environment.sh +ServiceDefinitions.json +Runner/GeneratedPluginRegistrant.* + +# Exceptions to above rules. +!default.mode1v3 +!default.mode2v3 +!default.pbxuser +!default.perspectivev3 diff --git a/demo_app/ios/Flutter/AppFrameworkInfo.plist b/demo_app/ios/Flutter/AppFrameworkInfo.plist new file mode 100644 index 00000000..6b4c0f78 --- /dev/null +++ b/demo_app/ios/Flutter/AppFrameworkInfo.plist @@ -0,0 +1,26 @@ + + + + + CFBundleDevelopmentRegion + $(DEVELOPMENT_LANGUAGE) + CFBundleExecutable + App + CFBundleIdentifier + io.flutter.flutter.app + CFBundleInfoDictionaryVersion + 6.0 + CFBundleName + App + CFBundlePackageType + FMWK + CFBundleShortVersionString + 1.0 + CFBundleSignature + ???? + CFBundleVersion + 1.0 + MinimumOSVersion + 8.0 + + diff --git a/demo_app/ios/Flutter/Debug.xcconfig b/demo_app/ios/Flutter/Debug.xcconfig new file mode 100644 index 00000000..592ceee8 --- /dev/null +++ b/demo_app/ios/Flutter/Debug.xcconfig @@ -0,0 +1 @@ +#include "Generated.xcconfig" diff --git a/demo_app/ios/Flutter/Release.xcconfig b/demo_app/ios/Flutter/Release.xcconfig new file mode 100644 index 00000000..592ceee8 --- /dev/null +++ b/demo_app/ios/Flutter/Release.xcconfig @@ -0,0 +1 @@ +#include "Generated.xcconfig" diff --git a/demo_app/ios/Runner.xcodeproj/project.pbxproj b/demo_app/ios/Runner.xcodeproj/project.pbxproj new file mode 100644 index 00000000..af5c5ea0 --- /dev/null +++ b/demo_app/ios/Runner.xcodeproj/project.pbxproj @@ -0,0 +1,518 @@ +// !$*UTF8*$! +{ + archiveVersion = 1; + classes = { + }; + objectVersion = 46; + objects = { + +/* Begin PBXBuildFile section */ + 1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */ = {isa = PBXBuildFile; fileRef = 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */; }; + 3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */ = {isa = PBXBuildFile; fileRef = 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */; }; + 3B80C3941E831B6300D905FE /* App.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 3B80C3931E831B6300D905FE /* App.framework */; }; + 3B80C3951E831B6300D905FE /* App.framework in Embed Frameworks */ = {isa = PBXBuildFile; fileRef = 3B80C3931E831B6300D905FE /* App.framework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; }; + 74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 74858FAE1ED2DC5600515810 /* AppDelegate.swift */; }; + 9705A1C61CF904A100538489 /* Flutter.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 9740EEBA1CF902C7004384FC /* Flutter.framework */; }; + 9705A1C71CF904A300538489 /* Flutter.framework in Embed Frameworks */ = {isa = PBXBuildFile; fileRef = 9740EEBA1CF902C7004384FC /* Flutter.framework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; }; + 97C146FC1CF9000F007C117D /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FA1CF9000F007C117D /* Main.storyboard */; }; + 97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FD1CF9000F007C117D /* Assets.xcassets */; }; + 97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */; }; +/* End PBXBuildFile section */ + +/* Begin PBXCopyFilesBuildPhase section */ + 9705A1C41CF9048500538489 /* Embed Frameworks */ = { + isa = PBXCopyFilesBuildPhase; + buildActionMask = 2147483647; + dstPath = ""; + dstSubfolderSpec = 10; + files = ( + 3B80C3951E831B6300D905FE /* App.framework in Embed Frameworks */, + 9705A1C71CF904A300538489 /* Flutter.framework in Embed Frameworks */, + ); + name = "Embed Frameworks"; + runOnlyForDeploymentPostprocessing = 0; + }; +/* End PBXCopyFilesBuildPhase section */ + +/* Begin PBXFileReference section */ + 1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = GeneratedPluginRegistrant.h; sourceTree = ""; }; + 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = GeneratedPluginRegistrant.m; sourceTree = ""; }; + 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = AppFrameworkInfo.plist; path = Flutter/AppFrameworkInfo.plist; sourceTree = ""; }; + 3B80C3931E831B6300D905FE /* App.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = App.framework; path = Flutter/App.framework; sourceTree = ""; }; + 74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "Runner-Bridging-Header.h"; sourceTree = ""; }; + 74858FAE1ED2DC5600515810 /* AppDelegate.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = ""; }; + 7AFA3C8E1D35360C0083082E /* Release.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; name = Release.xcconfig; path = Flutter/Release.xcconfig; sourceTree = ""; }; + 9740EEB21CF90195004384FC /* Debug.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Debug.xcconfig; path = Flutter/Debug.xcconfig; sourceTree = ""; }; + 9740EEB31CF90195004384FC /* Generated.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Generated.xcconfig; path = Flutter/Generated.xcconfig; sourceTree = ""; }; + 9740EEBA1CF902C7004384FC /* Flutter.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = Flutter.framework; path = Flutter/Flutter.framework; sourceTree = ""; }; + 97C146EE1CF9000F007C117D /* Runner.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = Runner.app; sourceTree = BUILT_PRODUCTS_DIR; }; + 97C146FB1CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = ""; }; + 97C146FD1CF9000F007C117D /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = ""; }; + 97C147001CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = ""; }; + 97C147021CF9000F007C117D /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; +/* End PBXFileReference section */ + +/* Begin PBXFrameworksBuildPhase section */ + 97C146EB1CF9000F007C117D /* Frameworks */ = { + isa = PBXFrameworksBuildPhase; + buildActionMask = 2147483647; + files = ( + 9705A1C61CF904A100538489 /* Flutter.framework in Frameworks */, + 3B80C3941E831B6300D905FE /* App.framework in Frameworks */, + ); + runOnlyForDeploymentPostprocessing = 0; + }; +/* End PBXFrameworksBuildPhase section */ + +/* Begin PBXGroup section */ + 9740EEB11CF90186004384FC /* Flutter */ = { + isa = PBXGroup; + children = ( + 3B80C3931E831B6300D905FE /* App.framework */, + 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */, + 9740EEBA1CF902C7004384FC /* Flutter.framework */, + 9740EEB21CF90195004384FC /* Debug.xcconfig */, + 7AFA3C8E1D35360C0083082E /* Release.xcconfig */, + 9740EEB31CF90195004384FC /* Generated.xcconfig */, + ); + name = Flutter; + sourceTree = ""; + }; + 97C146E51CF9000F007C117D = { + isa = PBXGroup; + children = ( + 9740EEB11CF90186004384FC /* Flutter */, + 97C146F01CF9000F007C117D /* Runner */, + 97C146EF1CF9000F007C117D /* Products */, + ); + sourceTree = ""; + }; + 97C146EF1CF9000F007C117D /* Products */ = { + isa = PBXGroup; + children = ( + 97C146EE1CF9000F007C117D /* Runner.app */, + ); + name = Products; + sourceTree = ""; + }; + 97C146F01CF9000F007C117D /* Runner */ = { + isa = PBXGroup; + children = ( + 97C146FA1CF9000F007C117D /* Main.storyboard */, + 97C146FD1CF9000F007C117D /* Assets.xcassets */, + 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */, + 97C147021CF9000F007C117D /* Info.plist */, + 97C146F11CF9000F007C117D /* Supporting Files */, + 1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */, + 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */, + 74858FAE1ED2DC5600515810 /* AppDelegate.swift */, + 74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */, + ); + path = Runner; + sourceTree = ""; + }; + 97C146F11CF9000F007C117D /* Supporting Files */ = { + isa = PBXGroup; + children = ( + ); + name = "Supporting Files"; + sourceTree = ""; + }; +/* End PBXGroup section */ + +/* Begin PBXNativeTarget section */ + 97C146ED1CF9000F007C117D /* Runner */ = { + isa = PBXNativeTarget; + buildConfigurationList = 97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */; + buildPhases = ( + 9740EEB61CF901F6004384FC /* Run Script */, + 97C146EA1CF9000F007C117D /* Sources */, + 97C146EB1CF9000F007C117D /* Frameworks */, + 97C146EC1CF9000F007C117D /* Resources */, + 9705A1C41CF9048500538489 /* Embed Frameworks */, + 3B06AD1E1E4923F5004D2608 /* Thin Binary */, + ); + buildRules = ( + ); + dependencies = ( + ); + name = Runner; + productName = Runner; + productReference = 97C146EE1CF9000F007C117D /* Runner.app */; + productType = "com.apple.product-type.application"; + }; +/* End PBXNativeTarget section */ + +/* Begin PBXProject section */ + 97C146E61CF9000F007C117D /* Project object */ = { + isa = PBXProject; + attributes = { + LastUpgradeCheck = 1020; + ORGANIZATIONNAME = "The Chromium Authors"; + TargetAttributes = { + 97C146ED1CF9000F007C117D = { + CreatedOnToolsVersion = 7.3.1; + LastSwiftMigration = 1100; + }; + }; + }; + buildConfigurationList = 97C146E91CF9000F007C117D /* Build configuration list for PBXProject "Runner" */; + compatibilityVersion = "Xcode 3.2"; + developmentRegion = en; + hasScannedForEncodings = 0; + knownRegions = ( + en, + Base, + ); + mainGroup = 97C146E51CF9000F007C117D; + productRefGroup = 97C146EF1CF9000F007C117D /* Products */; + projectDirPath = ""; + projectRoot = ""; + targets = ( + 97C146ED1CF9000F007C117D /* Runner */, + ); + }; +/* End PBXProject section */ + +/* Begin PBXResourcesBuildPhase section */ + 97C146EC1CF9000F007C117D /* Resources */ = { + isa = PBXResourcesBuildPhase; + buildActionMask = 2147483647; + files = ( + 97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */, + 3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */, + 97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */, + 97C146FC1CF9000F007C117D /* Main.storyboard in Resources */, + ); + runOnlyForDeploymentPostprocessing = 0; + }; +/* End PBXResourcesBuildPhase section */ + +/* Begin PBXShellScriptBuildPhase section */ + 3B06AD1E1E4923F5004D2608 /* Thin Binary */ = { + isa = PBXShellScriptBuildPhase; + buildActionMask = 2147483647; + files = ( + ); + inputPaths = ( + ); + name = "Thin Binary"; + outputPaths = ( + ); + runOnlyForDeploymentPostprocessing = 0; + shellPath = /bin/sh; + shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" thin"; + }; + 9740EEB61CF901F6004384FC /* Run Script */ = { + isa = PBXShellScriptBuildPhase; + buildActionMask = 2147483647; + files = ( + ); + inputPaths = ( + ); + name = "Run Script"; + outputPaths = ( + ); + runOnlyForDeploymentPostprocessing = 0; + shellPath = /bin/sh; + shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" build"; + }; +/* End PBXShellScriptBuildPhase section */ + +/* Begin PBXSourcesBuildPhase section */ + 97C146EA1CF9000F007C117D /* Sources */ = { + isa = PBXSourcesBuildPhase; + buildActionMask = 2147483647; + files = ( + 74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */, + 1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */, + ); + runOnlyForDeploymentPostprocessing = 0; + }; +/* End PBXSourcesBuildPhase section */ + +/* Begin PBXVariantGroup section */ + 97C146FA1CF9000F007C117D /* Main.storyboard */ = { + isa = PBXVariantGroup; + children = ( + 97C146FB1CF9000F007C117D /* Base */, + ); + name = Main.storyboard; + sourceTree = ""; + }; + 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */ = { + isa = PBXVariantGroup; + children = ( + 97C147001CF9000F007C117D /* Base */, + ); + name = LaunchScreen.storyboard; + sourceTree = ""; + }; +/* End PBXVariantGroup section */ + +/* Begin XCBuildConfiguration section */ + 249021D3217E4FDB00AE95B9 /* Profile */ = { + isa = XCBuildConfiguration; + baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */; + buildSettings = { + ALWAYS_SEARCH_USER_PATHS = NO; + CLANG_ANALYZER_NONNULL = YES; + CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; + CLANG_CXX_LIBRARY = "libc++"; + CLANG_ENABLE_MODULES = YES; + CLANG_ENABLE_OBJC_ARC = YES; + CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; + CLANG_WARN_BOOL_CONVERSION = YES; + CLANG_WARN_COMMA = YES; + CLANG_WARN_CONSTANT_CONVERSION = YES; + CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; + CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; + CLANG_WARN_EMPTY_BODY = YES; + CLANG_WARN_ENUM_CONVERSION = YES; + CLANG_WARN_INFINITE_RECURSION = YES; + CLANG_WARN_INT_CONVERSION = YES; + CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; + CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; + CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; + CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; + CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; + CLANG_WARN_STRICT_PROTOTYPES = YES; + CLANG_WARN_SUSPICIOUS_MOVE = YES; + CLANG_WARN_UNREACHABLE_CODE = YES; + CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; + "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; + COPY_PHASE_STRIP = NO; + DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; + ENABLE_NS_ASSERTIONS = NO; + ENABLE_STRICT_OBJC_MSGSEND = YES; + GCC_C_LANGUAGE_STANDARD = gnu99; + GCC_NO_COMMON_BLOCKS = YES; + GCC_WARN_64_TO_32_BIT_CONVERSION = YES; + GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; + GCC_WARN_UNDECLARED_SELECTOR = YES; + GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; + GCC_WARN_UNUSED_FUNCTION = YES; + GCC_WARN_UNUSED_VARIABLE = YES; + IPHONEOS_DEPLOYMENT_TARGET = 8.0; + MTL_ENABLE_DEBUG_INFO = NO; + SDKROOT = iphoneos; + SUPPORTED_PLATFORMS = iphoneos; + TARGETED_DEVICE_FAMILY = "1,2"; + VALIDATE_PRODUCT = YES; + }; + name = Profile; + }; + 249021D4217E4FDB00AE95B9 /* Profile */ = { + isa = XCBuildConfiguration; + baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */; + buildSettings = { + ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; + CLANG_ENABLE_MODULES = YES; + CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)"; + ENABLE_BITCODE = NO; + FRAMEWORK_SEARCH_PATHS = ( + "$(inherited)", + "$(PROJECT_DIR)/Flutter", + ); + INFOPLIST_FILE = Runner/Info.plist; + LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; + LIBRARY_SEARCH_PATHS = ( + "$(inherited)", + "$(PROJECT_DIR)/Flutter", + ); + PRODUCT_BUNDLE_IDENTIFIER = com.example.demoApp; + PRODUCT_NAME = "$(TARGET_NAME)"; + SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h"; + SWIFT_VERSION = 5.0; + VERSIONING_SYSTEM = "apple-generic"; + }; + name = Profile; + }; + 97C147031CF9000F007C117D /* Debug */ = { + isa = XCBuildConfiguration; + baseConfigurationReference = 9740EEB21CF90195004384FC /* Debug.xcconfig */; + buildSettings = { + ALWAYS_SEARCH_USER_PATHS = NO; + CLANG_ANALYZER_NONNULL = YES; + CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; + CLANG_CXX_LIBRARY = "libc++"; + CLANG_ENABLE_MODULES = YES; + CLANG_ENABLE_OBJC_ARC = YES; + CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; + CLANG_WARN_BOOL_CONVERSION = YES; + CLANG_WARN_COMMA = YES; + CLANG_WARN_CONSTANT_CONVERSION = YES; + CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; + CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; + CLANG_WARN_EMPTY_BODY = YES; + CLANG_WARN_ENUM_CONVERSION = YES; + CLANG_WARN_INFINITE_RECURSION = YES; + CLANG_WARN_INT_CONVERSION = YES; + CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; + CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; + CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; + CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; + CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; + CLANG_WARN_STRICT_PROTOTYPES = YES; + CLANG_WARN_SUSPICIOUS_MOVE = YES; + CLANG_WARN_UNREACHABLE_CODE = YES; + CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; + "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; + COPY_PHASE_STRIP = NO; + DEBUG_INFORMATION_FORMAT = dwarf; + ENABLE_STRICT_OBJC_MSGSEND = YES; + ENABLE_TESTABILITY = YES; + GCC_C_LANGUAGE_STANDARD = gnu99; + GCC_DYNAMIC_NO_PIC = NO; + GCC_NO_COMMON_BLOCKS = YES; + GCC_OPTIMIZATION_LEVEL = 0; + GCC_PREPROCESSOR_DEFINITIONS = ( + "DEBUG=1", + "$(inherited)", + ); + GCC_WARN_64_TO_32_BIT_CONVERSION = YES; + GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; + GCC_WARN_UNDECLARED_SELECTOR = YES; + GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; + GCC_WARN_UNUSED_FUNCTION = YES; + GCC_WARN_UNUSED_VARIABLE = YES; + IPHONEOS_DEPLOYMENT_TARGET = 8.0; + MTL_ENABLE_DEBUG_INFO = YES; + ONLY_ACTIVE_ARCH = YES; + SDKROOT = iphoneos; + TARGETED_DEVICE_FAMILY = "1,2"; + }; + name = Debug; + }; + 97C147041CF9000F007C117D /* Release */ = { + isa = XCBuildConfiguration; + baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */; + buildSettings = { + ALWAYS_SEARCH_USER_PATHS = NO; + CLANG_ANALYZER_NONNULL = YES; + CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; + CLANG_CXX_LIBRARY = "libc++"; + CLANG_ENABLE_MODULES = YES; + CLANG_ENABLE_OBJC_ARC = YES; + CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; + CLANG_WARN_BOOL_CONVERSION = YES; + CLANG_WARN_COMMA = YES; + CLANG_WARN_CONSTANT_CONVERSION = YES; + CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; + CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; + CLANG_WARN_EMPTY_BODY = YES; + CLANG_WARN_ENUM_CONVERSION = YES; + CLANG_WARN_INFINITE_RECURSION = YES; + CLANG_WARN_INT_CONVERSION = YES; + CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; + CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; + CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; + CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; + CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; + CLANG_WARN_STRICT_PROTOTYPES = YES; + CLANG_WARN_SUSPICIOUS_MOVE = YES; + CLANG_WARN_UNREACHABLE_CODE = YES; + CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; + "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; + COPY_PHASE_STRIP = NO; + DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; + ENABLE_NS_ASSERTIONS = NO; + ENABLE_STRICT_OBJC_MSGSEND = YES; + GCC_C_LANGUAGE_STANDARD = gnu99; + GCC_NO_COMMON_BLOCKS = YES; + GCC_WARN_64_TO_32_BIT_CONVERSION = YES; + GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; + GCC_WARN_UNDECLARED_SELECTOR = YES; + GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; + GCC_WARN_UNUSED_FUNCTION = YES; + GCC_WARN_UNUSED_VARIABLE = YES; + IPHONEOS_DEPLOYMENT_TARGET = 8.0; + MTL_ENABLE_DEBUG_INFO = NO; + SDKROOT = iphoneos; + SUPPORTED_PLATFORMS = iphoneos; + SWIFT_OPTIMIZATION_LEVEL = "-Owholemodule"; + TARGETED_DEVICE_FAMILY = "1,2"; + VALIDATE_PRODUCT = YES; + }; + name = Release; + }; + 97C147061CF9000F007C117D /* Debug */ = { + isa = XCBuildConfiguration; + baseConfigurationReference = 9740EEB21CF90195004384FC /* Debug.xcconfig */; + buildSettings = { + ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; + CLANG_ENABLE_MODULES = YES; + CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)"; + ENABLE_BITCODE = NO; + FRAMEWORK_SEARCH_PATHS = ( + "$(inherited)", + "$(PROJECT_DIR)/Flutter", + ); + INFOPLIST_FILE = Runner/Info.plist; + LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; + LIBRARY_SEARCH_PATHS = ( + "$(inherited)", + "$(PROJECT_DIR)/Flutter", + ); + PRODUCT_BUNDLE_IDENTIFIER = com.example.demoApp; + PRODUCT_NAME = "$(TARGET_NAME)"; + SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h"; + SWIFT_OPTIMIZATION_LEVEL = "-Onone"; + SWIFT_VERSION = 5.0; + VERSIONING_SYSTEM = "apple-generic"; + }; + name = Debug; + }; + 97C147071CF9000F007C117D /* Release */ = { + isa = XCBuildConfiguration; + baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */; + buildSettings = { + ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; + CLANG_ENABLE_MODULES = YES; + CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)"; + ENABLE_BITCODE = NO; + FRAMEWORK_SEARCH_PATHS = ( + "$(inherited)", + "$(PROJECT_DIR)/Flutter", + ); + INFOPLIST_FILE = Runner/Info.plist; + LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; + LIBRARY_SEARCH_PATHS = ( + "$(inherited)", + "$(PROJECT_DIR)/Flutter", + ); + PRODUCT_BUNDLE_IDENTIFIER = com.example.demoApp; + PRODUCT_NAME = "$(TARGET_NAME)"; + SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h"; + SWIFT_VERSION = 5.0; + VERSIONING_SYSTEM = "apple-generic"; + }; + name = Release; + }; +/* End XCBuildConfiguration section */ + +/* Begin XCConfigurationList section */ + 97C146E91CF9000F007C117D /* Build configuration list for PBXProject "Runner" */ = { + isa = XCConfigurationList; + buildConfigurations = ( + 97C147031CF9000F007C117D /* Debug */, + 97C147041CF9000F007C117D /* Release */, + 249021D3217E4FDB00AE95B9 /* Profile */, + ); + defaultConfigurationIsVisible = 0; + defaultConfigurationName = Release; + }; + 97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */ = { + isa = XCConfigurationList; + buildConfigurations = ( + 97C147061CF9000F007C117D /* Debug */, + 97C147071CF9000F007C117D /* Release */, + 249021D4217E4FDB00AE95B9 /* Profile */, + ); + defaultConfigurationIsVisible = 0; + defaultConfigurationName = Release; + }; +/* End XCConfigurationList section */ + }; + rootObject = 97C146E61CF9000F007C117D /* Project object */; +} diff --git a/demo_app/ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata b/demo_app/ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata new file mode 100644 index 00000000..1d526a16 --- /dev/null +++ b/demo_app/ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata @@ -0,0 +1,7 @@ + + + + + diff --git a/demo_app/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme b/demo_app/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme new file mode 100644 index 00000000..a28140cf --- /dev/null +++ b/demo_app/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme @@ -0,0 +1,91 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo_app/ios/Runner.xcworkspace/contents.xcworkspacedata b/demo_app/ios/Runner.xcworkspace/contents.xcworkspacedata new file mode 100644 index 00000000..1d526a16 --- /dev/null +++ b/demo_app/ios/Runner.xcworkspace/contents.xcworkspacedata @@ -0,0 +1,7 @@ + + + + + diff --git a/demo_app/ios/Runner/AppDelegate.swift b/demo_app/ios/Runner/AppDelegate.swift new file mode 100644 index 00000000..70693e4a --- /dev/null +++ b/demo_app/ios/Runner/AppDelegate.swift @@ -0,0 +1,13 @@ +import UIKit +import Flutter + +@UIApplicationMain +@objc class AppDelegate: FlutterAppDelegate { + override func application( + _ application: UIApplication, + didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? + ) -> Bool { + GeneratedPluginRegistrant.register(with: self) + return super.application(application, didFinishLaunchingWithOptions: launchOptions) + } +} diff --git a/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json new file mode 100644 index 00000000..d36b1fab --- /dev/null +++ b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json @@ -0,0 +1,122 @@ +{ + "images" : [ + { + "size" : "20x20", + "idiom" : "iphone", + "filename" : "Icon-App-20x20@2x.png", + "scale" : "2x" + }, + { + "size" : "20x20", + "idiom" : "iphone", + "filename" : "Icon-App-20x20@3x.png", + "scale" : "3x" + }, + { + "size" : "29x29", + "idiom" : "iphone", + "filename" : "Icon-App-29x29@1x.png", + "scale" : "1x" + }, + { + "size" : "29x29", + "idiom" : "iphone", + "filename" : "Icon-App-29x29@2x.png", + "scale" : "2x" + }, + { + "size" : "29x29", + "idiom" : "iphone", + "filename" : "Icon-App-29x29@3x.png", + "scale" : "3x" + }, + { + "size" : "40x40", + "idiom" : "iphone", + "filename" : "Icon-App-40x40@2x.png", + "scale" : "2x" + }, + { + "size" : "40x40", + "idiom" : "iphone", + "filename" : "Icon-App-40x40@3x.png", + "scale" : "3x" + }, + { + "size" : "60x60", + "idiom" : "iphone", + "filename" : "Icon-App-60x60@2x.png", + "scale" : "2x" + }, + { + "size" : "60x60", + "idiom" : "iphone", + "filename" : "Icon-App-60x60@3x.png", + "scale" : "3x" + }, + { + "size" : "20x20", + "idiom" : "ipad", + "filename" : "Icon-App-20x20@1x.png", + "scale" : "1x" + }, + { + "size" : "20x20", + "idiom" : "ipad", + "filename" : "Icon-App-20x20@2x.png", + "scale" : "2x" + }, + { + "size" : "29x29", + "idiom" : "ipad", + "filename" : "Icon-App-29x29@1x.png", + "scale" : "1x" + }, + { + "size" : "29x29", + "idiom" : "ipad", + "filename" : "Icon-App-29x29@2x.png", + "scale" : "2x" + }, + { + "size" : "40x40", + "idiom" : "ipad", + "filename" : "Icon-App-40x40@1x.png", + "scale" : "1x" + }, + { + "size" : "40x40", + "idiom" : "ipad", + "filename" : "Icon-App-40x40@2x.png", + "scale" : "2x" + }, + { + "size" : "76x76", + "idiom" : "ipad", + "filename" : "Icon-App-76x76@1x.png", + "scale" : "1x" + }, + { + "size" : "76x76", + "idiom" : "ipad", + "filename" : "Icon-App-76x76@2x.png", + "scale" : "2x" + }, + { + "size" : "83.5x83.5", + "idiom" : "ipad", + "filename" : "Icon-App-83.5x83.5@2x.png", + "scale" : "2x" + }, + { + "size" : "1024x1024", + "idiom" : "ios-marketing", + "filename" : "Icon-App-1024x1024@1x.png", + "scale" : "1x" + } + ], + "info" : { + "version" : 1, + "author" : "xcode" + } +} diff --git a/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png new file mode 100644 index 00000000..dc9ada47 Binary files /dev/null and b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png differ diff --git a/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png new file mode 100644 index 00000000..28c6bf03 Binary files /dev/null and b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png differ diff --git a/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png new file mode 100644 index 00000000..2ccbfd96 Binary files /dev/null and b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png differ diff --git a/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png new file mode 100644 index 00000000..f091b6b0 Binary files /dev/null and b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png differ diff --git a/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png new file mode 100644 index 00000000..4cde1211 Binary files /dev/null and b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png differ diff --git a/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png new file mode 100644 index 00000000..d0ef06e7 Binary files /dev/null and b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png differ diff --git a/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png new file mode 100644 index 00000000..dcdc2306 Binary files /dev/null and b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png differ diff --git a/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png new file mode 100644 index 00000000..2ccbfd96 Binary files /dev/null and b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png differ diff --git a/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png new file mode 100644 index 00000000..c8f9ed8f Binary files /dev/null and b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png differ diff --git a/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png new file mode 100644 index 00000000..a6d6b860 Binary files /dev/null and b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png differ diff --git a/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png new file mode 100644 index 00000000..a6d6b860 Binary files /dev/null and b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png differ diff --git a/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png new file mode 100644 index 00000000..75b2d164 Binary files /dev/null and b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png differ diff --git a/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png new file mode 100644 index 00000000..c4df70d3 Binary files /dev/null and b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png differ diff --git a/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png new file mode 100644 index 00000000..6a84f41e Binary files /dev/null and b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png differ diff --git a/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png new file mode 100644 index 00000000..d0e1f585 Binary files /dev/null and b/demo_app/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png differ diff --git a/demo_app/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json b/demo_app/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json new file mode 100644 index 00000000..0bedcf2f --- /dev/null +++ b/demo_app/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json @@ -0,0 +1,23 @@ +{ + "images" : [ + { + "idiom" : "universal", + "filename" : "LaunchImage.png", + "scale" : "1x" + }, + { + "idiom" : "universal", + "filename" : "LaunchImage@2x.png", + "scale" : "2x" + }, + { + "idiom" : "universal", + "filename" : "LaunchImage@3x.png", + "scale" : "3x" + } + ], + "info" : { + "version" : 1, + "author" : "xcode" + } +} diff --git a/demo_app/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png b/demo_app/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png new file mode 100644 index 00000000..9da19eac Binary files /dev/null and b/demo_app/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png differ diff --git a/demo_app/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png b/demo_app/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png new file mode 100644 index 00000000..9da19eac Binary files /dev/null and b/demo_app/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png differ diff --git a/demo_app/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png b/demo_app/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png new file mode 100644 index 00000000..9da19eac Binary files /dev/null and b/demo_app/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png differ diff --git a/demo_app/ios/Runner/Assets.xcassets/LaunchImage.imageset/README.md b/demo_app/ios/Runner/Assets.xcassets/LaunchImage.imageset/README.md new file mode 100644 index 00000000..89c2725b --- /dev/null +++ b/demo_app/ios/Runner/Assets.xcassets/LaunchImage.imageset/README.md @@ -0,0 +1,5 @@ +# Launch Screen Assets + +You can customize the launch screen with your own desired assets by replacing the image files in this directory. + +You can also do it by opening your Flutter project's Xcode project with `open ios/Runner.xcworkspace`, selecting `Runner/Assets.xcassets` in the Project Navigator and dropping in the desired images. \ No newline at end of file diff --git a/demo_app/ios/Runner/Base.lproj/LaunchScreen.storyboard b/demo_app/ios/Runner/Base.lproj/LaunchScreen.storyboard new file mode 100644 index 00000000..f2e259c7 --- /dev/null +++ b/demo_app/ios/Runner/Base.lproj/LaunchScreen.storyboard @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo_app/ios/Runner/Base.lproj/Main.storyboard b/demo_app/ios/Runner/Base.lproj/Main.storyboard new file mode 100644 index 00000000..f3c28516 --- /dev/null +++ b/demo_app/ios/Runner/Base.lproj/Main.storyboard @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/demo_app/ios/Runner/Info.plist b/demo_app/ios/Runner/Info.plist new file mode 100644 index 00000000..5d77f707 --- /dev/null +++ b/demo_app/ios/Runner/Info.plist @@ -0,0 +1,45 @@ + + + + + CFBundleDevelopmentRegion + $(DEVELOPMENT_LANGUAGE) + CFBundleExecutable + $(EXECUTABLE_NAME) + CFBundleIdentifier + $(PRODUCT_BUNDLE_IDENTIFIER) + CFBundleInfoDictionaryVersion + 6.0 + CFBundleName + demo_app + CFBundlePackageType + APPL + CFBundleShortVersionString + $(FLUTTER_BUILD_NAME) + CFBundleSignature + ???? + CFBundleVersion + $(FLUTTER_BUILD_NUMBER) + LSRequiresIPhoneOS + + UILaunchStoryboardName + LaunchScreen + UIMainStoryboardFile + Main + UISupportedInterfaceOrientations + + UIInterfaceOrientationPortrait + UIInterfaceOrientationLandscapeLeft + UIInterfaceOrientationLandscapeRight + + UISupportedInterfaceOrientations~ipad + + UIInterfaceOrientationPortrait + UIInterfaceOrientationPortraitUpsideDown + UIInterfaceOrientationLandscapeLeft + UIInterfaceOrientationLandscapeRight + + UIViewControllerBasedStatusBarAppearance + + + diff --git a/demo_app/ios/Runner/Runner-Bridging-Header.h b/demo_app/ios/Runner/Runner-Bridging-Header.h new file mode 100644 index 00000000..7335fdf9 --- /dev/null +++ b/demo_app/ios/Runner/Runner-Bridging-Header.h @@ -0,0 +1 @@ +#import "GeneratedPluginRegistrant.h" \ No newline at end of file diff --git a/demo_app/lib/main.dart b/demo_app/lib/main.dart new file mode 100644 index 00000000..eea11a65 --- /dev/null +++ b/demo_app/lib/main.dart @@ -0,0 +1,19 @@ +import 'package:flutter/material.dart'; +import 'screens/home.dart'; + + +void main() => runApp(MyApp()); + +class MyApp extends StatelessWidget { + @override + Widget build(BuildContext context) { + return MaterialApp( + title: 'Flutter Demo', + debugShowCheckedModeBanner: false, + theme: ThemeData( + primarySwatch: Colors.blue, + ), + home: HomePage(), + ); + } +} diff --git a/demo_app/lib/screens/avatars.dart b/demo_app/lib/screens/avatars.dart new file mode 100644 index 00000000..6b9ac2ad --- /dev/null +++ b/demo_app/lib/screens/avatars.dart @@ -0,0 +1,295 @@ +import 'package:flutter/cupertino.dart'; +import 'package:flutter/material.dart'; +import 'package:ui_kit/components/avatar/gf_avatar.dart'; +import 'package:ui_kit/components/card/gf_card.dart'; +import 'package:ui_kit/components/header/gf_header.dart'; +import 'package:ui_kit/shape/gf_avatar_shape.dart'; +import 'package:ui_kit/types/gf_heading_type.dart'; +import 'package:ui_kit/colors/gf_color.dart'; + +class Avatars extends StatefulWidget { + @override + _AvatarsState createState() => _AvatarsState(); +} + +class _AvatarsState extends State { + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar( + backgroundColor: getGFColor(GFColor.dark), + title: Text('Avatar', style: TextStyle(fontSize: 14),), + ), + body: Container( + child: Column( + children: [ + GFCard( + content: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + GFHeader( + text: 'Circle Avatar', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFAvatar( + backgroundColor: getGFColor(GFColor.primary), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.secondary), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.success), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.info), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.danger), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + ), + + + ], + ), + + SizedBox( + height: 15, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFAvatar( + backgroundColor: getGFColor(GFColor.warning), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.dark), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.light), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.alt), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.transparent), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.dark), + ), + + ], + ), + + ], + ), + ), + GFCard( + content: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + GFHeader( + text: 'Square Avatar', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFAvatar( + backgroundColor: getGFColor(GFColor.primary), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + shape: GFAvatarShape.square, + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.secondary), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + shape: GFAvatarShape.square, + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.success), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + shape: GFAvatarShape.square, + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.info), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + shape: GFAvatarShape.square, + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.danger), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + shape: GFAvatarShape.square, + ), + + + ], + ), + + SizedBox( + height: 15, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFAvatar( + backgroundColor: getGFColor(GFColor.warning), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + shape: GFAvatarShape.square, + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.dark), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + shape: GFAvatarShape.square, + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.light), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + shape: GFAvatarShape.square, + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.alt), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + shape: GFAvatarShape.square, + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.transparent), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.dark), + + ), + + ], + ), + ], + ), + ), + GFCard( + content: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + GFHeader( + text: 'Standard Avatar', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFAvatar( + backgroundColor: getGFColor(GFColor.primary), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + shape: GFAvatarShape.standard, + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.secondary), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + shape: GFAvatarShape.standard, + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.success), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + shape: GFAvatarShape.standard, + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.info), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + shape: GFAvatarShape.standard, + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.danger), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + shape: GFAvatarShape.standard, + ), + + + ], + ), + + SizedBox( + height: 15, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFAvatar( + backgroundColor: getGFColor(GFColor.warning), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + shape: GFAvatarShape.standard, + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.dark), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + shape: GFAvatarShape.standard, + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.light), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + shape: GFAvatarShape.standard, + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.alt), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.white), + shape: GFAvatarShape.standard, + ), + GFAvatar( + backgroundColor: getGFColor(GFColor.transparent), + child: Icon(Icons.face), + foregroundColor: getGFColor(GFColor.dark), + + ), + + ], + ), + ], + ), + ), + ], + ), + ) + ); + } +} diff --git a/demo_app/lib/screens/badges.dart b/demo_app/lib/screens/badges.dart new file mode 100644 index 00000000..0688cc71 --- /dev/null +++ b/demo_app/lib/screens/badges.dart @@ -0,0 +1,841 @@ +import 'package:flutter/material.dart'; +import 'package:ui_kit/colors/gf_color.dart'; +import 'package:ui_kit/components/badge/gf_badge.dart'; +import 'package:ui_kit/components/badge/gf_button_badge.dart'; +import 'package:ui_kit/components/badge/gf_icon_badge.dart'; +import 'package:ui_kit/components/card/gf_card.dart'; +import 'package:ui_kit/components/header/gf_header.dart'; +import 'package:ui_kit/components/tabs/gf_tabs.dart'; +import 'package:ui_kit/components/button/gf_icon_button.dart'; +import 'package:ui_kit/position/gf_position.dart'; +import 'package:ui_kit/shape/gf_badge_shape.dart'; +import 'package:ui_kit/shape/gf_button_shape.dart'; +import 'package:ui_kit/size/gf_size.dart'; +import 'package:ui_kit/components/button/gf_button.dart'; +import 'package:ui_kit/types/gf_heading_type.dart'; +import 'package:ui_kit/types/gf_type.dart'; +import 'package:ui_kit/components/tabs/gf_tabBarView.dart'; + +class Badges extends StatefulWidget { + @override + _BadgesState createState() => _BadgesState(); +} + +class _BadgesState extends State { + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar( + backgroundColor: getGFColor(GFColor.dark), + title: Text( + 'Badges', + style: TextStyle(fontSize: 14), + ), + ), + body: GFTabs( + height: MediaQuery.of(context).size.height, + tabBarColor: Color(0xFFD3E9ED), + initialIndex: 0, + length: 3, + tabs: [ + Padding( + padding: EdgeInsets.only(top: 15, bottom: 15), + child: Text('Badge'), + ), + Text('Button Badge'), + Text('Icon Badge'), + ], + tabBarView: GFTabBarView( + children: [ + ListView( + children: [ + GFCard( + content: Column( + children: [ + GFHeader( + text: 'Types of Badges', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFBadge( + text: '1', + shape: GFBadgeShape.circle, + color: GFColor.success, + ), + GFBadge( + text: '1', + shape: GFBadgeShape.square, + color: GFColor.primary, + ), + GFBadge( + text: '1', + shape: GFBadgeShape.pills, + color: GFColor.danger, + textColor: GFColor.white, + ), + GFBadge( + text: '1', + shape: GFBadgeShape.standard, + color: GFColor.warning, + ), + ], + ), + ], + ), + ), + GFCard( + content: Column( + children: [ + GFHeader( + text: 'Circled Badges with different Sizes', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFBadge( + text: '1', + shape: GFBadgeShape.circle, + size: GFSize.large, + color: GFColor.success, + ), + GFBadge( + text: '1', + shape: GFBadgeShape.circle, + size: GFSize.medium, + color: GFColor.success, + ), + GFBadge( + text: '1', + shape: GFBadgeShape.circle, + size: GFSize.small, + color: GFColor.success, + ), + ], + ), + ], + ), + ), + GFCard( + content: Column( + children: [ + GFHeader( + text: 'Squared Badges with different sizes', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFBadge( + text: '1', + shape: GFBadgeShape.square, + size: GFSize.large, + color: GFColor.primary, + ), + GFBadge( + text: '1', + shape: GFBadgeShape.square, + size: GFSize.medium, + color: GFColor.primary, + ), + GFBadge( + text: '1', + shape: GFBadgeShape.square, + size: GFSize.small, + color: GFColor.primary, + ), + ], + ), + ], + ), + ), + GFCard( + content: Column( + children: [ + GFHeader( + text: 'Pills with different sizes', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFBadge( + text: '1', + shape: GFBadgeShape.pills, + size: GFSize.large, + color: GFColor.danger, + textColor: GFColor.white, + ), + GFBadge( + text: '1', + shape: GFBadgeShape.pills, + size: GFSize.medium, + textColor: GFColor.white, + color: GFColor.danger, + ), + GFBadge( + text: '1', + shape: GFBadgeShape.pills, + size: GFSize.small, + textColor: GFColor.white, + color: GFColor.danger, + ), + ], + ), + ], + ), + ), + GFCard( + content: Column( + children: [ + GFHeader( + text: 'Standard Badges with different sizes', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFBadge( + text: '1', + shape: GFBadgeShape.standard, + size: GFSize.large, + color: GFColor.warning, + ), + GFBadge( + text: '1', + shape: GFBadgeShape.standard, + size: GFSize.medium, + color: GFColor.warning, + ), + GFBadge( + text: '1', + shape: GFBadgeShape.standard, + size: GFSize.small, + color: GFColor.warning, + ), + ], + ), + ], + ), + ) + ], + ), + ListView( + children: [ + GFCard( + content: Column( + children: [ + GFHeader( + text: 'Types of Button Badges', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButtonBadge( + shape: GFButtonShape.pills, + type: GFType.solid, + color: GFColor.info, + counterChild: GFBadge( + text: '12', + color: GFColor.warning, + shape: GFBadgeShape.circle, + ), + onPressed: null, + text: 'Pills', + position: GFPosition.end, + ), + GFButtonBadge( + shape: GFButtonShape.square, + type: GFType.solid, + color: GFColor.warning, + counterChild: GFBadge( + text: '12', + shape: GFBadgeShape.circle, + color: GFColor.info, + ), + onPressed: null, + text: 'Square', + ), + GFButtonBadge( + color: GFColor.success, + shape: GFButtonShape.standard, + type: GFType.solid, + counterChild: GFBadge( + text: '12', + textColor: GFColor.white, + color: GFColor.danger, + shape: GFBadgeShape.circle, + ), + onPressed: null, + text: 'Standard', + ), + ], + ), + ], + ), + ), + + GFCard( + content: Column( + children: [ + GFHeader( + text: 'Positions of Button Badges', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButtonBadge( + shape: GFButtonShape.pills, + type: GFType.solid, + color: GFColor.info, + counterChild: GFBadge( + text: '12', + color: GFColor.warning, + shape: GFBadgeShape.circle, + ), + onPressed: null, + text: 'Pills', + position: GFPosition.start, + ), + GFButtonBadge( + shape: GFButtonShape.square, + type: GFType.solid, + color: GFColor.warning, + counterChild: GFBadge( + text: '12', + shape: GFBadgeShape.circle, + color: GFColor.info, + ), + onPressed: null, + text: 'Square', + position: GFPosition.start, + ), + GFButtonBadge( + color: GFColor.success, + shape: GFButtonShape.standard, + type: GFType.solid, + counterChild: GFBadge( + text: '12', + textColor: GFColor.white, + color: GFColor.danger, + shape: GFBadgeShape.circle, + ), + onPressed: null, + text: 'Standard', + position: GFPosition.start, + ), + ], + ), + ], + ), + ), + + GFCard( + content: Column( + children: [ + GFHeader( + text: 'Pilled shape Button Badges with sizes', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButtonBadge( + shape: GFButtonShape.pills, + size: GFSize.large, + type: GFType.solid, + color: GFColor.info, + counterChild: GFBadge( + text: '12', + color: GFColor.warning, + size: GFSize.large, + shape: GFBadgeShape.circle, + ), + onPressed: null, + text: 'Solid', + position: GFPosition.end, + ), + GFButtonBadge( + shape: GFButtonShape.pills, + size: GFSize.medium, + type: GFType.outline, + color: GFColor.info, + counterChild: GFBadge( + text: '12', + color: GFColor.warning, + size: GFSize.medium, + shape: GFBadgeShape.circle, + ), + onPressed: null, + text: 'Outline', + position: GFPosition.end, + ), + GFButtonBadge( + shape: GFButtonShape.pills, + size: GFSize.small, + type: GFType.transparent, + color: GFColor.info, + counterChild: GFBadge( + text: '12', + color: GFColor.warning, + size: GFSize.small, + shape: GFBadgeShape.circle, + ), + onPressed: null, + text: 'Transp', + position: GFPosition.end, + ), + ], + ), + ], + ), + ), + + GFCard( + content: Column( + children: [ + GFHeader( + text: 'Squared shape Button Badges with sizes', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButtonBadge( + shape: GFButtonShape.square, + size: GFSize.large, + type: GFType.solid, + color: GFColor.warning, + counterChild: GFBadge( + text: '12', + color: GFColor.info, + size: GFSize.large, + shape: GFBadgeShape.circle, + ), + onPressed: null, + text: 'Solid', + position: GFPosition.end, + ), + GFButtonBadge( + shape: GFButtonShape.square, + size: GFSize.medium, + type: GFType.outline, + color: GFColor.warning, + counterChild: GFBadge( + text: '12', + color: GFColor.info, + size: GFSize.medium, + shape: GFBadgeShape.circle, + ), + onPressed: null, + text: 'Outline', + position: GFPosition.end, + ), + GFButtonBadge( + shape: GFButtonShape.square, + size: GFSize.small, + type: GFType.transparent, + color: GFColor.warning, + counterChild: GFBadge( + text: '12', + color: GFColor.info, + size: GFSize.small, + shape: GFBadgeShape.circle, + ), + onPressed: null, + text: 'Transp', + position: GFPosition.end, + ), + ], + ), + ], + ), + ), + + GFCard( + content: Column( + children: [ + GFHeader( + text: 'Standard Button Badges with sizes', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButtonBadge( + shape: GFButtonShape.standard, + size: GFSize.large, + type: GFType.solid, + color: GFColor.primary, + counterChild: GFBadge( + text: '12', + color: GFColor.danger, + size: GFSize.large, + textColor: GFColor.white, + shape: GFBadgeShape.circle, + ), + onPressed: null, + text: 'Solid', + position: GFPosition.end, + ), + GFButtonBadge( + shape: GFButtonShape.standard, + size: GFSize.medium, + type: GFType.outline, + color: GFColor.primary, + counterChild: GFBadge( + text: '12', + color: GFColor.danger, + textColor: GFColor.white, + size: GFSize.medium, + shape: GFBadgeShape.circle, + ), + onPressed: null, + text: 'Outline', + position: GFPosition.end, + ), + GFButtonBadge( + shape: GFButtonShape.standard, + size: GFSize.small, + type: GFType.transparent, + color: GFColor.primary, + counterChild: GFBadge( + text: '12', + color: GFColor.danger, + textColor: GFColor.white, + size: GFSize.small, + shape: GFBadgeShape.circle, + ), + onPressed: null, + text: 'Transp', + position: GFPosition.end, + ), + ], + ), + ], + ), + ) + ], + ), + ListView( + children: [ + GFCard( + content: Column( + children: [ + GFHeader( + text: 'Types of Icon Badges', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFIconBadges( + onPressed: null, + child: GFIconButton( + shape: GFButtonShape.circle, + color: GFColor.success, + type: GFType.solid, + onPressed: null, + icon: Icon(Icons.mail), + ), + counterChild: GFBadge( + text: '12', + +// color: GFColor.dark, +// + shape: GFBadgeShape.circle, + + size: GFSize.small, + ) + ), + GFIconBadges( + onPressed: null, + child: GFIconButton( + shape: GFButtonShape.square, + color: GFColor.primary, + type: GFType.solid, + onPressed: null, + icon: Icon(Icons.mail), + ), + counterChild: GFBadge( + text: '12', + +// color: GFColor.dark, +// + shape: GFBadgeShape.circle, + + size: GFSize.small, + ) + ), + GFIconBadges( + onPressed: null, + child: GFIconButton( + shape: GFButtonShape.pills, + color: GFColor.danger, + type: GFType.solid, + onPressed: null, + icon: Icon(Icons.mail), + ), + counterChild: GFBadge( + text: '12', + +// color: GFColor.dark, +// + shape: GFBadgeShape.circle, + + size: GFSize.small, + ) + ), + GFIconBadges( + onPressed: null, + child: GFIconButton( + shape: GFButtonShape.standard, + type: GFType.solid, + color: GFColor.warning, + onPressed: null, + icon: Icon(Icons.mail), + ), + counterChild: GFBadge( + text: '12', + +// color: GFColor.dark, +// + shape: GFBadgeShape.circle, + + size: GFSize.small, + ) + ), + ], + ) + ], + ), + ), + GFCard( + content: Column( + children: [ + GFHeader( + text: 'Shapes of Icon Badges', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFIconBadges( + onPressed: null, + child: GFIconButton( + shape: GFButtonShape.circle, + + onPressed: null, + icon: Icon(Icons.mail), + ), + counterChild: GFBadge( + text: '12', + +// color: GFColor.dark, +// + shape: GFBadgeShape.circle, + + size: GFSize.small, + ) + ), + GFIconBadges( + onPressed: null, + child: GFIconButton( + shape: GFButtonShape.square, + + + onPressed: null, + icon: Icon(Icons.mail), + ), + counterChild: GFBadge( + text: '12', + +// color: GFColor.dark, +// + shape: GFBadgeShape.circle, + + size: GFSize.small, + ) + ), + GFIconBadges( + onPressed: null, + child: GFIconButton( + shape: GFButtonShape.pills, + + + onPressed: null, + icon: Icon(Icons.mail), + ), + counterChild: GFBadge( + text: '12', + +// color: GFColor.dark, +// + shape: GFBadgeShape.circle, + + size: GFSize.small, + ) + ), + GFIconBadges( + onPressed: null, + child: GFIconButton( + shape: GFButtonShape.standard, + + onPressed: null, + icon: Icon(Icons.mail), + ), + counterChild: GFBadge( + text: '12', + +// color: GFColor.dark, +// + shape: GFBadgeShape.circle, + + size: GFSize.small, + ) + ), + ], + ) + ], + ), + ), + GFCard( + content: Column( + children: [ + GFHeader( + text: 'Sizes of Icon Badges', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + + GFIconBadges( + onPressed: null, + child: GFIconButton( + size: GFSize.large, + + onPressed: null, + icon: Icon(Icons.mail), + ), + counterChild: GFBadge( + text: '12', + +// color: GFColor.dark, +// + shape: GFBadgeShape.circle, + + size: GFSize.small, + ) + ), + GFIconBadges( + onPressed: null, + child: GFIconButton( + + size: GFSize.medium, + + onPressed: null, + icon: Icon(Icons.mail), + ), + counterChild: GFBadge( + text: '12', + +// color: GFColor.dark, +// + shape: GFBadgeShape.circle, + + size: GFSize.small, + ) + ), + GFIconBadges( + + onPressed: null, + child: GFIconButton( + + size: GFSize.small, + + onPressed: null, + icon: Icon(Icons.mail), + ), + counterChild: GFBadge( + text: '12', + +// color: GFColor.dark, +// + shape: GFBadgeShape.circle, + + size: GFSize.small, + ) + ), + ], + ) + ], + ), + ) + ], + ) + ], + ), + indicatorColor: getGFColor(GFColor.dark), + indicatorSize: TabBarIndicatorSize.label, + labelColor: getGFColor(GFColor.success), + unselectedLabelColor: Colors.black, + labelStyle: TextStyle( + fontWeight: FontWeight.w500, + fontSize: 13.0, + color: Colors.deepOrange, + fontFamily: 'OpenSansBold', + ), + unselectedLabelStyle: TextStyle( + fontWeight: FontWeight.w500, + fontSize: 13.0, + color: Colors.black, + fontFamily: 'OpenSansBold', + ), + ), + ); + } +} diff --git a/demo_app/lib/screens/buttons.dart b/demo_app/lib/screens/buttons.dart new file mode 100644 index 00000000..0a7055e3 --- /dev/null +++ b/demo_app/lib/screens/buttons.dart @@ -0,0 +1,850 @@ +import 'package:flutter/material.dart'; +import 'package:ui_kit/components/header/gf_header.dart'; +import 'package:ui_kit/components/tabs/gf_tabs.dart'; +import 'package:ui_kit/components/button/gf_button.dart'; +import 'package:ui_kit/types/gf_heading_type.dart'; +import 'package:ui_kit/types/gf_type.dart'; +import 'package:ui_kit/shape/gf_button_shape.dart'; +import 'package:ui_kit/colors/gf_color.dart'; +import 'package:ui_kit/components/card/gf_card.dart'; +import 'package:ui_kit/components/tabs/gf_tabBarView.dart'; + +class Buttons extends StatefulWidget { + @override + _ButtonsState createState() => _ButtonsState(); +} + +class _ButtonsState extends State { + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar( + backgroundColor: getGFColor(GFColor.dark), + title: Text( + 'Buttons', + style: TextStyle(fontSize: 14), + ), + ), + body: GFTabs( + height: MediaQuery.of(context).size.height, + tabBarColor: Color(0xFFD3E9ED), + initialIndex: 0, + length: 3, + indicatorColor: getGFColor(GFColor.info), + unselectedLabelColor: getGFColor(GFColor.danger), + labelColor: getGFColor(GFColor.warning), + tabs: [ + GFButton( + onPressed: null, + child: Text( + "Solid", + style: TextStyle(fontSize: 12), + ), + type: GFType.solid, + textColor: GFColor.white, + ), + GFButton( + onPressed: null, + child: Text( + "Outline", + style: TextStyle(fontSize: 12), + ), + type: GFType.outline, + shape: GFButtonShape.pills, + ), + GFButton( + onPressed: null, + text: 'Transparent', + textStyle: TextStyle(fontSize: 12, color: getGFColor(GFColor.dark)), + type: GFType.transparent, + ), + ], + tabBarView: GFTabBarView( + children: [ + Container( +// color: Colors.red, + child: ListView( + children: [ + GFCard( + content: Column( + mainAxisAlignment: MainAxisAlignment.start, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + GFHeader( + text: 'Standard', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text("Primary", + style: TextStyle( + color: getGFColor(GFColor.white))), + type: GFType.solid, + color: GFColor.primary, + ), + GFButton( + onPressed: null, + child: Text("Secondary", + style: TextStyle( + color: getGFColor(GFColor.white))), + type: GFType.solid, + color: GFColor.secondary, + ), + GFButton( + onPressed: null, + child: Text( + "Success", + ), + type: GFType.solid, + color: GFColor.success, + ), + ], + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text( + "Warning", + ), + type: GFType.solid, + color: GFColor.warning, + ), + GFButton( + onPressed: null, + child: Text("Danger", + style: TextStyle( + color: getGFColor(GFColor.white))), + type: GFType.solid, + color: GFColor.danger, + ), + GFButton( + onPressed: null, + child: Text( + "Light", + ), + type: GFType.solid, + color: GFColor.light, + ), + ], + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text( + "Info", + ), + type: GFType.solid, + color: GFColor.info, + ), + GFButton( + onPressed: null, + child: Text("Alt", + style: TextStyle( + color: getGFColor(GFColor.white))), + type: GFType.solid, + color: GFColor.alt, + ), + GFButton( + onPressed: null, + child: Text( + "Dark", + style: + TextStyle(color: getGFColor(GFColor.white)), + ), + type: GFType.solid, + color: GFColor.dark, + ), + ], + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text( + "Transparent", + ), + type: GFType.solid, + color: GFColor.transparent, + ), + ], + ) + ], + ), + ), + GFCard( + content: Column( + mainAxisAlignment: MainAxisAlignment.start, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + GFHeader( + text: 'Pills', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text("Primary", + style: TextStyle( + color: getGFColor(GFColor.white))), + color: GFColor.primary, + shape: GFButtonShape.pills, + ), + GFButton( + onPressed: null, + child: Text("Secondary", + style: TextStyle( + color: getGFColor(GFColor.white))), + color: GFColor.secondary, + shape: GFButtonShape.pills, + ), + GFButton( + onPressed: null, + child: Text( + "Success", + ), + shape: GFButtonShape.pills, + color: GFColor.success, + ), + ], + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text( + "Warning", + ), + shape: GFButtonShape.pills, + color: GFColor.warning, + ), + GFButton( + onPressed: null, + child: Text("Danger", + style: TextStyle( + color: getGFColor(GFColor.white))), + shape: GFButtonShape.pills, + color: GFColor.danger, + ), + GFButton( + onPressed: null, + child: Text( + "Light", + ), + shape: GFButtonShape.pills, + color: GFColor.light, + ), + ], + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text( + "Info", + ), + shape: GFButtonShape.pills, + color: GFColor.info, + ), + GFButton( + onPressed: null, + child: Text("Alt", + style: TextStyle( + color: getGFColor(GFColor.white))), + shape: GFButtonShape.pills, + color: GFColor.alt, + ), + GFButton( + onPressed: null, + child: Text( + "Dark", + style: + TextStyle(color: getGFColor(GFColor.white)), + ), + shape: GFButtonShape.pills, + color: GFColor.dark, + ), + ], + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text( + "Transparent", + ), + shape: GFButtonShape.pills, + color: GFColor.transparent, + ), + ], + ) + ], + ), + ), + GFCard( + content: Column( + mainAxisAlignment: MainAxisAlignment.start, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + GFHeader( + text: 'Square', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text("Primary", + style: TextStyle( + color: getGFColor(GFColor.white))), + color: GFColor.primary, + shape: GFButtonShape.square, + ), + GFButton( + onPressed: null, + child: Text("Secondary", + style: TextStyle( + color: getGFColor(GFColor.white))), + color: GFColor.secondary, + shape: GFButtonShape.square, + ), + GFButton( + onPressed: null, + child: Text( + "Success", + ), + shape: GFButtonShape.square, + color: GFColor.success, + ), + ], + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text( + "Warning", + ), + shape: GFButtonShape.square, + color: GFColor.warning, + ), + GFButton( + onPressed: null, + child: Text("Danger", + style: TextStyle( + color: getGFColor(GFColor.white))), + shape: GFButtonShape.square, + color: GFColor.danger, + ), + GFButton( + onPressed: null, + child: Text( + "Light", + ), + shape: GFButtonShape.square, + color: GFColor.light, + ), + ], + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text( + "Info", + ), + shape: GFButtonShape.square, + color: GFColor.info, + ), + GFButton( + onPressed: null, + child: Text("Alt", + style: TextStyle( + color: getGFColor(GFColor.white))), + shape: GFButtonShape.square, + color: GFColor.alt, + ), + GFButton( + onPressed: null, + child: Text( + "Dark", + style: + TextStyle(color: getGFColor(GFColor.white)), + ), + shape: GFButtonShape.square, + color: GFColor.dark, + ), + ], + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text( + "Transparent", + ), + shape: GFButtonShape.square, + color: GFColor.transparent, + ), + ], + ) + ], + ), + ), + ], + ), + ), + Container( +// color: Colors.red, + child: ListView( + children: [ + GFCard( + content: Column( + mainAxisAlignment: MainAxisAlignment.start, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + GFHeader( + text: 'Standard', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text( + "Primary", + ), + type: GFType.outline, + ), + GFButton( + onPressed: null, + child: Text("Secondary"), + type: GFType.outline, + color: GFColor.secondary, + ), + GFButton( + onPressed: null, + child: Text( + "Success", + ), + type: GFType.outline, + color: GFColor.success, + ), + ], + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text( + "Warning", + ), + type: GFType.outline, + color: GFColor.warning, + ), + GFButton( + onPressed: null, + child: Text( + "Danger", + ), + type: GFType.outline, + color: GFColor.danger, + ), + GFButton( + onPressed: null, + child: Text( + "Light", + ), + type: GFType.outline, + color: GFColor.light, + ), + ], + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text( + "Info", + ), + type: GFType.outline, + color: GFColor.info, + ), + GFButton( + onPressed: null, + child: Text( + "Alt", + ), + type: GFType.outline, + color: GFColor.alt, + ), + GFButton( + onPressed: null, + child: Text( + "Dark", + ), + type: GFType.outline, + color: GFColor.dark, + ), + ], + ), + ], + ), + ), + GFCard( + content: Column( + mainAxisAlignment: MainAxisAlignment.start, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + GFHeader( + text: 'Pills', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text( + "Primary", + ), + type: GFType.outline, + color: GFColor.primary, + shape: GFButtonShape.pills, + ), + GFButton( + onPressed: null, + child: Text( + "Secondary", + ), + color: GFColor.secondary, + shape: GFButtonShape.pills, + type: GFType.outline, + ), + GFButton( + onPressed: null, + child: Text( + "Success", + ), + shape: GFButtonShape.pills, + color: GFColor.success, + type: GFType.outline, + ), + ], + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text( + "Warning", + ), + shape: GFButtonShape.pills, + color: GFColor.warning, + type: GFType.outline, + ), + GFButton( + onPressed: null, + child: Text( + "Danger", + ), + shape: GFButtonShape.pills, + color: GFColor.danger, + type: GFType.outline, + ), + GFButton( + onPressed: null, + child: Text( + "Light", + ), + shape: GFButtonShape.pills, + color: GFColor.light, + type: GFType.outline, + ), + ], + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text( + "Info", + ), + shape: GFButtonShape.pills, + color: GFColor.info, + type: GFType.outline, + ), + GFButton( + onPressed: null, + child: Text( + "Alt", + ), + shape: GFButtonShape.pills, + color: GFColor.alt, + type: GFType.outline, + ), + GFButton( + onPressed: null, + child: Text( + "Dark", + ), + shape: GFButtonShape.pills, + color: GFColor.dark, + type: GFType.outline, + ), + ], + ), + ], + ), + ), + GFCard( + content: Column( + mainAxisAlignment: MainAxisAlignment.start, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + GFHeader( + text: 'Square', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text( + "Primary", + ), + type: GFType.outline, + color: GFColor.primary, + shape: GFButtonShape.square, + ), + GFButton( + onPressed: null, + child: Text( + "Secondary", + ), + color: GFColor.secondary, + shape: GFButtonShape.square, + type: GFType.outline, + ), + GFButton( + onPressed: null, + child: Text( + "Success", + ), + shape: GFButtonShape.square, + color: GFColor.success, + type: GFType.outline, + ), + ], + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text( + "Warning", + ), + shape: GFButtonShape.square, + color: GFColor.warning, + type: GFType.outline, + ), + GFButton( + onPressed: null, + child: Text( + "Danger", + ), + shape: GFButtonShape.square, + color: GFColor.danger, + type: GFType.outline, + ), + GFButton( + onPressed: null, + child: Text( + "Light", + ), + shape: GFButtonShape.square, + color: GFColor.light, + type: GFType.outline, + ), + ], + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text( + "Info", + ), + shape: GFButtonShape.square, + color: GFColor.info, + type: GFType.outline, + ), + GFButton( + onPressed: null, + child: Text( + "Alt", + ), + shape: GFButtonShape.square, + color: GFColor.alt, + type: GFType.outline, + ), + GFButton( + onPressed: null, + child: Text( + "Dark", + ), + shape: GFButtonShape.square, + color: GFColor.dark, + type: GFType.outline, + ), + ], + ), + ], + ), + ), + ], + ), + ), + Container( + margin: EdgeInsets.only(top: 20, right: 20, left: 20), + height: 100, + child: Column( + children: [ + GFHeader( + text: 'Transparent', + type: GFHeadingType.typo6, + ), + Row( + children: [ + GFButton( + onPressed: null, + child: Text( + "Primary", + ), + type: GFType.transparent, + textColor: GFColor.primary, + ), + GFButton( + onPressed: null, + child: Text( + "Secondary", + ), + type: GFType.transparent, + textColor: GFColor.secondary, + ), + GFButton( + onPressed: null, + child: Text( + "Success", + ), + type: GFType.transparent, + textColor: GFColor.success, + ), + ], + ), + Row( + children: [ + GFButton( + onPressed: null, + child: Text( + "Warning", + ), + type: GFType.transparent, + textColor: GFColor.warning, + ), + GFButton( + onPressed: null, + child: Text( + "Danger", + ), + type: GFType.transparent, + textColor: GFColor.danger, + ), + GFButton( + onPressed: null, + child: Text( + "Dark", + ), + type: GFType.transparent, + textColor: GFColor.dark, + ), + ], + ), + Row( + children: [ + GFButton( + onPressed: null, + child: Text( + "Light", + ), + type: GFType.transparent, + textColor: GFColor.light, + ), + GFButton( + onPressed: null, + child: Text( + "Info", + ), + type: GFType.transparent, + textColor: GFColor.info, + ), + GFButton( + onPressed: null, + child: Text( + "Alt", + ), + type: GFType.transparent, + textColor: GFColor.alt, + ), + ], + ), + ], + )) + ], + ), + ), + ); + } +} diff --git a/demo_app/lib/screens/cards.dart b/demo_app/lib/screens/cards.dart new file mode 100644 index 00000000..9b5b449c --- /dev/null +++ b/demo_app/lib/screens/cards.dart @@ -0,0 +1,303 @@ +import 'package:flutter/material.dart'; +import 'package:ui_kit/components/card/gf_card.dart'; +import 'package:ui_kit/components/header/gf_header.dart'; +import 'package:ui_kit/components/list_tile/gf_list_tile.dart'; +import 'package:ui_kit/components/avatar/gf_avatar.dart'; +import 'package:ui_kit/position/gf_position.dart'; +import 'package:ui_kit/components/button/gf_icon_button.dart'; +import 'package:ui_kit/components/button_bar/gf_button_bar.dart'; +import 'package:ui_kit/components/button/gf_button.dart'; +import 'package:ui_kit/types/gf_heading_type.dart'; +import 'package:ui_kit/types/gf_type.dart'; +import 'package:ui_kit/colors/gf_color.dart'; +class Cards extends StatefulWidget { + @override + _CardsState createState() => _CardsState(); +} + +class _CardsState extends State { + @override + Widget build(BuildContext context) { + return + Scaffold( + appBar: AppBar( + backgroundColor: getGFColor(GFColor.dark), + title: Text('Cards', style: TextStyle(fontSize: 14),),), + body: ListView( + children: [ + Padding(padding: EdgeInsets.all(20), child: + GFHeader( + text: 'Basic Card', + type: GFHeadingType.typo6, + ),), + GFCard( + boxFit: BoxFit.cover, + colorFilter: new ColorFilter.mode( + Colors.black.withOpacity(0.67), BlendMode.darken), + image:Image.network('https://cdn.pixabay.com/photo/2016/12/15/03/27/cocoa-1908020_960_720.jpg'), +// imageOverlay: AssetImage("lib/assets/food.jpeg"), + titlePosition: GFPosition.end, + title: GFListTile( + avatar: GFAvatar( + child: Icon(Icons.insert_emoticon) + ), + title: Text( + 'title', + style: TextStyle(color: Colors.grey), + ), + subTitle: Text( + 'subtitle', + style: TextStyle(color: Colors.grey), + ), + ), + content: Text( + "Flutter " + "Flutter is Google's mobile UI framework for crafting" + " high-quality native interfaces on iOS and Android in " + "Flutter ", + style: TextStyle(color: Colors.grey), + ), + + ), + + Padding(padding: EdgeInsets.all(20), child: + GFHeader( + text: 'Basic Card 1', + type: GFHeadingType.typo6, + ),), + GFCard( + boxFit: BoxFit.cover, + colorFilter: new ColorFilter.mode( + Colors.black.withOpacity(0.67), BlendMode.darken), + image:Image.network('https://cdn.pixabay.com/photo/2016/12/15/03/27/cocoa-1908020_960_720.jpg'), +// imageOverlay: AssetImage("lib/assets/food.jpeg"), + titlePosition: GFPosition.end, + title: GFListTile( + avatar: GFAvatar( + child: Icon(Icons.insert_emoticon) + ), + title: Text( + 'title', + style: TextStyle(color: Colors.grey), + ), + subTitle: Text( + 'subtitle', + style: TextStyle(color: Colors.grey), + ), + icon: GFIconButton( + onPressed: null, + icon: Icon(Icons.favorite_border), + type: GFType.transparent, + ), + ), + content: Text( + "Flutter " + "Flutter is Google's mobile UI framework for crafting" + " high-quality native interfaces on iOS and Android in " + "Flutter ", + style: TextStyle(color: Colors.grey), + ), + + ), + + Padding(padding: EdgeInsets.all(20), child: + GFHeader( + text: 'Basic Card 2', + type: GFHeadingType.typo6, + ),), + GFCard( + boxFit: BoxFit.cover, + colorFilter: new ColorFilter.mode( + Colors.black.withOpacity(0.67), BlendMode.darken), + image:Image.network('https://cdn.pixabay.com/photo/2016/12/15/03/27/cocoa-1908020_960_720.jpg'), +// imageOverlay: AssetImage("lib/assets/food.jpeg"), + titlePosition: GFPosition.end, + title: GFListTile( + avatar: GFAvatar( + child: Icon(Icons.insert_emoticon) + ), + title: Text( + 'title', + style: TextStyle(color: Colors.grey), + ), + subTitle: Text( + 'subtitle', + style: TextStyle(color: Colors.grey), + ), + icon: GFIconButton( + onPressed: null, + icon: Icon(Icons.favorite_border), + type: GFType.transparent, + ), + ), + content: Text( + "Flutter " + "Flutter is Google's mobile UI framework for crafting" + " high-quality native interfaces on iOS and Android in " + "Flutter ", + style: TextStyle(color: Colors.grey), + ), + buttonBar: GFButtonBar( + mainAxisSize: MainAxisSize.min, + children: [ + GFButton( + onPressed: null, + child: Text("favorite"), + icon: Icon(Icons.favorite_border), + type: GFType.transparent, + ), + GFButton( + onPressed: null, + child: Text("share"), + icon: Icon(Icons.share), + type: GFType.outline, + ), + ], + ), + ), + + Padding(padding: EdgeInsets.all(20), child: + GFHeader( + text: 'Basic Card 3', + type: GFHeadingType.typo6, + ),), + GFCard( + boxFit: BoxFit.cover, + colorFilter: new ColorFilter.mode( + Colors.black.withOpacity(0.67), BlendMode.darken), + image:Image.network('https://cdn.pixabay.com/photo/2016/12/15/03/27/cocoa-1908020_960_720.jpg'), +// imageOverlay: AssetImage("lib/assets/food.jpeg"), + titlePosition: GFPosition.end, + title: GFListTile( + + title: Text( + 'title', + style: TextStyle(color: Colors.grey), + ), + subTitle: Text( + 'subtitle', + style: TextStyle(color: Colors.grey), + ), + icon: GFAvatar( + child: Icon(Icons.insert_emoticon) + ) + ), + content: Text( + "Flutter " + "Flutter is Google's mobile UI framework for crafting" + " high-quality native interfaces on iOS and Android in " + "Flutter ", + style: TextStyle(color: Colors.grey), + ), + buttonBar: GFButtonBar( + mainAxisSize: MainAxisSize.min, + children: [ + GFButton( + onPressed: null, + child: Text("favorite"), +// icon: Icon(Icons.favorite_border), + type: GFType.transparent, + ), + GFButton( + onPressed: null, + child: Text("share"), +// icon: Icon(Icons.share), + type: GFType.outline, + ), + GFButton( + onPressed: null, + child: Text("send", style: TextStyle(color: getGFColor(GFColor.white)),), +// icon: Icon(Icons.share), + type: GFType.solid, + ), + ], + ), + ), + Padding(padding: EdgeInsets.all(20), child: + GFHeader( + text: 'Basic Card 4', + type: GFHeadingType.typo6, + ),), + GFCard( + + title: GFListTile( + + title: Text( + 'title', + style: TextStyle(color: Colors.grey), + ), + subTitle: Text( + 'subtitle', + style: TextStyle(color: Colors.grey), + ), + icon: GFAvatar( + child: Icon(Icons.insert_emoticon) + ) + ), + content: Text( + "Flutter " + "Flutter is Google's mobile UI framework for crafting" + " high-quality native interfaces on iOS and Android in " + "Flutter ", + style: TextStyle(color: Colors.grey), + ), + buttonBar: GFButtonBar( + + alignment: MainAxisAlignment.spaceBetween, + children: [ + GFButton( + onPressed: null, + child: Text("favorite"), + icon: Icon(Icons.favorite_border), + type: GFType.transparent, + ), + GFButton( + onPressed: null, + child: Text("share"), + icon: Icon(Icons.share), + type: GFType.outline, + ), + GFIconButton(icon: Icon(Icons.send), onPressed: null) + ], + ), + ), + + Padding(padding: EdgeInsets.all(20), child: + GFHeader( + text: 'Basic Card 5', + type: GFHeadingType.typo6, + ),), + GFCard( + boxFit: BoxFit.cover, + colorFilter: new ColorFilter.mode( + Colors.black.withOpacity(0.67), BlendMode.darken), +// image:Image.network('https://cdn.pixabay.com/photo/2016/12/15/03/27/cocoa-1908020_960_720.jpg'), + imageOverlay: NetworkImage('https://cdn.pixabay.com/photo/2016/12/15/03/27/cocoa-1908020_960_720.jpg'), +// titlePosition: GFPosition.end, + title: GFListTile( + + title: Text( + 'title', + style: TextStyle(color: Colors.grey), + ), + subTitle: Text( + 'subtitle', + style: TextStyle(color: Colors.grey), + ), + icon: GFAvatar( + child: Icon(Icons.insert_emoticon) + ) + ), + content: Text( + "Flutter " + "Flutter is Google's mobile UI framework for crafting" + " high-quality native interfaces on iOS and Android in " + "Flutter ", + style: TextStyle(color: Colors.grey), + ), + + ), + ]), + ); + } +} diff --git a/demo_app/lib/screens/headers.dart b/demo_app/lib/screens/headers.dart new file mode 100644 index 00000000..4927b4f9 --- /dev/null +++ b/demo_app/lib/screens/headers.dart @@ -0,0 +1,205 @@ +import 'package:flutter/material.dart'; +import 'package:ui_kit/colors/gf_color.dart'; +import 'package:ui_kit/components/avatar/gf_avatar.dart'; +import 'package:ui_kit/components/card/gf_card.dart'; +import 'package:ui_kit/components/header/gf_header.dart'; +import 'package:ui_kit/types/gf_heading_type.dart'; + +import 'package:ui_kit/components/button/gf_button.dart'; +import 'package:ui_kit/components/header/gf_header.dart'; +import 'package:ui_kit/components/tabs/gf_tabs.dart'; +import 'package:ui_kit/components/toast/gf_floating_widget.dart'; +import 'package:ui_kit/components/toast/gf_toast.dart'; +import 'package:ui_kit/types/gf_heading_type.dart'; +import 'package:ui_kit/types/gf_type.dart'; + + +class Headers extends StatefulWidget { + @override + _HeadersState createState() => _HeadersState(); +} + +class _HeadersState extends State { + + bool showToast = false; + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar( + backgroundColor: getGFColor(GFColor.dark), + title: Text('Headers', style: TextStyle(fontSize: 14),), + ), + body: Container( + child: Column( + crossAxisAlignment: CrossAxisAlignment.center, + children: [ + + GFCard( + content: Column( + crossAxisAlignment: CrossAxisAlignment.center, + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + + GFHeader( + text: 'GF Header Typo1', + type: GFHeadingType.typo1, + + backgroundImage: NetworkImage('https://cdn.pixabay.com/photo/2019/12/25/16/49/happy-new-year-4718894_960_720.png'), + ), + SizedBox( + height: 40, + ), + GFHeader( + icon: GFAvatar( + + ), + text: 'GF Header Typo2', + type: GFHeadingType.typo2, + dividerColor: GFColor.primary, + dividerAlignment: Alignment.center, + ), + SizedBox( + height: 40, + ), + GFHeader( + icon: Icon(Icons.insert_emoticon), + text: 'GF Header Typo3', + type: GFHeadingType.typo3, + dividerWidth: 150, + dividerColor: GFColor.warning, + dividerBorderRadius: BorderRadius.all(Radius.circular(0)), + ), + SizedBox( + height: 40, + ), + GFHeader( + text: 'GF Header Typo4', + type: GFHeadingType.typo4, + dividerWidth: 345, + icon: Image.network('https://cdn.pixabay.com/photo/2016/12/15/03/27/cocoa-1908020_960_720.jpg', width: 50, ) + ), + SizedBox( + height: 40, + ), + GFHeader( + text: 'GF Header Typo5', + type: GFHeadingType.typo5, + dividerColor: GFColor.alt, + ), + SizedBox( + height: 40, + ), + GFHeader( + text: 'GF Header Typo6', + type: GFHeadingType.typo6, + dividerWidth: 20, + ), + ], + ) + ), + + ], + ), + ), + +// body: +// +// Container( +// child: ListView( +// children: [ +// GFToast( +//// width: 70, +// text: 'Happy New Year', +// button: GFButton(onPressed: null, +// text: 'OK', +// type: GFType.outline, +// color: GFColor.warning, +// ), +// ), +// +// +// GFFloatingWidget( +//// horizontalPosition: 150, +// child: showToast? GFToast( +// width: 200, +// text: 'Happy New Year', +// button: GFButton(onPressed: null, +// text: 'OK', +// type: GFType.outline, +// color: GFColor.warning, +// ), +// ):Container(), +// body: Column( +// crossAxisAlignment: CrossAxisAlignment.center, +// children: [ +// Container( +// +// margin: EdgeInsets.only(top:80, bottom: 10), +// alignment: Alignment.center, +// child: GFButton(onPressed: (){ +// setState(() { +// showToast = !showToast; +// }); +// }, +// text: 'Click to View the toast', +// type: GFType.outline, +// color: GFColor.warning, +// ), +// ) +// ], +// ) +// ) +// ], +// ), +// ), +// +// body: +// +// ListView( +// children: [ +// GFToast( +// width: 340, +// text: 'Happy New Year', +// button: GFButton(onPressed: null, +// text: 'OK', +// type: GFType.outline, +// color: GFColor.warning, +// ), +// ), +// GFFloatingWidget( +// horizontalPosition: 80, +// child: showToast? GFToast( +// width: 250, +// text: 'Happy New Year', +// button: GFButton(onPressed: null, +// text: 'OK', +// type: GFType.outline, +// color: GFColor.warning, +// ), +// ):Container(), +// body: Column( +// crossAxisAlignment: CrossAxisAlignment.center, +// children: [ +// Container( +// +// margin: EdgeInsets.only(top:0, bottom: 10, right: 40), +// alignment: Alignment.center, +// child: GFButton(onPressed: (){ +// setState(() { +// showToast = !showToast; +// }); +// }, +// text: 'Click to View the toast', +// type: GFType.outline, +// color: GFColor.warning, +// ), +// ) +// ], +// ) +// ) +// ], +// ), + + ); + } +} diff --git a/demo_app/lib/screens/home.dart b/demo_app/lib/screens/home.dart new file mode 100644 index 00000000..926acdd3 --- /dev/null +++ b/demo_app/lib/screens/home.dart @@ -0,0 +1,326 @@ +import 'package:demo_app/screens/cards.dart'; +import 'package:demo_app/screens/icon-button.dart'; +import 'package:demo_app/screens/list-tiles.dart'; +import 'package:flutter/material.dart'; +import 'package:ui_kit/colors/gf_color.dart'; +import 'package:ui_kit/components/card/gf_card.dart'; +import 'avatars.dart'; +import 'buttons.dart'; +import 'toggles.dart'; +import 'headers.dart'; +import 'toasts.dart'; +import 'badges.dart'; + +class HomePage extends StatefulWidget { + @override + _HomePageState createState() => _HomePageState(); +} + +class _HomePageState extends State { + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar( + backgroundColor: getGFColor(GFColor.dark), + title: Text( + 'GET FLUTTER', + style: TextStyle(fontSize: 14), + ), + centerTitle: true, + ), +// body: Container( +// child: Row( +// mainAxisAlignment: MainAxisAlignment.spaceBetween, +// children: [ +// Expanded(child: GestureDetector( +// onTap: (){ +// Navigator.push( +// context, +// MaterialPageRoute( +// builder: (BuildContext context) => Buttons()), +// ); +// }, +// child: GFCard( +// color: getGFColor(GFColor.success), +// content: Column( +// mainAxisAlignment: MainAxisAlignment.spaceBetween, +// children: [ +// Icon(Icons.bubble_chart), +// Text('Buttons') +// ], +// ), +// ), +// )), +// Expanded(child: GestureDetector( +// onTap: (){ +// Navigator.push( +// context, +// MaterialPageRoute( +// builder: (BuildContext context) => Avatars()), +// ); +// }, +// child: GFCard( +// color: getGFColor(GFColor.warning), +// content: Column( +// children: [ +// Icon(Icons.face), +// Text('Avatar') +// ], +// ), +// ), +// ),) +// ], +// ), +// ) + + body: + + Column( + children: [ + Row( + children: [ + Expanded( + child: Container( + height: 100, + child: GestureDetector( + onTap: () { + Navigator.push( + context, + MaterialPageRoute( + builder: (BuildContext context) => Buttons()), + ); + }, + child: GFCard( + color: getGFColor(GFColor.success), + content: Column( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + Icon(Icons.bubble_chart, + color: getGFColor(GFColor.white)), + Text( + 'Buttons', + style: TextStyle(color: getGFColor(GFColor.white)), + ) + ], + ), + ), + ))), + Expanded( + child: Container( + height: 100, + child: GestureDetector( + onTap: () { + Navigator.push( + context, + MaterialPageRoute( + builder: (BuildContext context) => Avatars()), + ); + }, + child: GFCard( + color: getGFColor(GFColor.success), + content: Column( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + Icon(Icons.face, color: getGFColor(GFColor.white)), + Text( + 'Avatar', + style: TextStyle(color: getGFColor(GFColor.white)), + ) + ], + ), + ), + )), + ), + Expanded( + child: Container( + height: 100, + child: GestureDetector( + onTap: () { + Navigator.push( + context, + MaterialPageRoute( + builder: (BuildContext context) => Toggles()), + ); + }, + child: GFCard( + color: getGFColor(GFColor.success), + content: Column( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + Icon(Icons.all_inclusive, + color: getGFColor(GFColor.white)), + Text( + 'Toggle', + style: TextStyle(color: getGFColor(GFColor.white)), + ) + ], + ), + ), + ))) + ], + ), + + Row( + children: [ + Expanded(child:Container( + height: 100, + child: GestureDetector( + onTap: () { + Navigator.push( + context, + MaterialPageRoute( + builder: (BuildContext context) => Headers()), + ); + }, + child: GFCard( + color: getGFColor(GFColor.success), + content: Column( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + Icon(Icons.menu, + color: getGFColor(GFColor.white)), + Text( + 'Header', + style: TextStyle(color: getGFColor(GFColor.white)), + ) + ], + ), + ), + )) ), + Expanded(child:Container( + height: 100, + child: GestureDetector( + onTap: () { + Navigator.push( + context, + MaterialPageRoute( + builder: (BuildContext context) => Toasts()), + ); + }, + child: GFCard( + color: getGFColor(GFColor.success), + content: Column( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + Icon(Icons.call_to_action, + color: getGFColor(GFColor.white)), + Text( + 'Toast', + style: TextStyle(color: getGFColor(GFColor.white)), + ) + ], + ), + ), + )) ), + Expanded(child:Container( + height: 100, + child: GestureDetector( + onTap: () { + Navigator.push( + context, + MaterialPageRoute( + builder: (BuildContext context) => Cards()), + ); + }, + child: GFCard( + color: getGFColor(GFColor.success), + content: Column( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + Icon(Icons.credit_card, + color: getGFColor(GFColor.white)), + Text( + 'Card', + style: TextStyle(color: getGFColor(GFColor.white)), + ) + ], + ), + ), + )) ) + ], + ), + + Row( + children: [ + Expanded(child:Container( + height: 100, + child: GestureDetector( + onTap: () { + Navigator.push( + context, + MaterialPageRoute( + builder: (BuildContext context) => IconButtons()), + ); + }, + child: GFCard( + color: getGFColor(GFColor.success), + content: Column( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + Icon(Icons.insert_emoticon, + color: getGFColor(GFColor.white)), + Text( + 'Icon Button', + style: TextStyle(color: getGFColor(GFColor.white), fontSize: 12), + ) + ], + ), + ), + )) ), + Expanded(child:Container( + height: 100, + child: GestureDetector( + onTap: () { + Navigator.push( + context, + MaterialPageRoute( + builder: (BuildContext context) => ListTiles()), + ); + }, + child: GFCard( + color: getGFColor(GFColor.success), + content: Column( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + Icon(Icons.list, + color: getGFColor(GFColor.white)), + Text( + 'ListTile', + style: TextStyle(color: getGFColor(GFColor.white)), + ) + ], + ), + ), + )) ), + Expanded(child:Container( + height: 100, + child: GestureDetector( + onTap: () { + Navigator.push( + context, + MaterialPageRoute( + builder: (BuildContext context) => Badges()), + ); + }, + child: GFCard( + color: getGFColor(GFColor.success), + content: Column( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + Icon(Icons.apps, + color: getGFColor(GFColor.white)), + Text( + 'Badges', + style: TextStyle(color: getGFColor(GFColor.white)), + ) + ], + ), + ), + )) ) + ], + ) + ], + ), + ); + } +} diff --git a/demo_app/lib/screens/icon-button.dart b/demo_app/lib/screens/icon-button.dart new file mode 100644 index 00000000..40aa7f82 --- /dev/null +++ b/demo_app/lib/screens/icon-button.dart @@ -0,0 +1,252 @@ +import 'package:flutter/material.dart'; +import 'package:ui_kit/colors/gf_color.dart'; +import 'package:ui_kit/components/button/gf_icon_button.dart'; +import 'package:ui_kit/components/card/gf_card.dart'; +import 'package:ui_kit/components/header/gf_header.dart'; +import 'package:ui_kit/types/gf_heading_type.dart'; +import 'package:ui_kit/types/gf_type.dart'; +import 'package:ui_kit/shape/gf_button_shape.dart'; +import 'package:ui_kit/size/gf_size.dart'; + + +class IconButtons extends StatefulWidget { + @override + _IconButtonsState createState() => _IconButtonsState(); +} + +class _IconButtonsState extends State { + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar( + backgroundColor: getGFColor(GFColor.dark), + title: Text('Icon Button', style: TextStyle(fontSize: 14),), + ), + body: ListView( + children: [ + GFCard( + content: Column( + children: [ + GFHeader( + text: 'Solid Icon Button', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 15.0, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFIconButton( + onPressed: null, + icon: Icon(Icons.ac_unit), +// iconSize: 12.0, + + type: GFType.solid, + size: GFSize.large, + buttonBoxShadow: true, + color: GFColor.primary, +// boxShadow: BoxShadow( +// color: Colors.pink, +// blurRadius: 2.0, +// spreadRadius: 1.0, +// offset: Offset.zero, +// ), +// borderSide: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid), +// borderShape: RoundedRectangleBorder(side: BorderSide(color: Colors.pink, width: 2.0, style: BorderStyle.solid), borderRadius: BorderRadius.zero), + ), + GFIconButton( + onPressed: null, + icon: Icon(Icons.ac_unit), +// iconSize: 12.0, + + type: GFType.solid, + size: GFSize.medium, + + color: GFColor.warning, +// boxShadow: BoxShadow( +// color: Colors.pink, +// blurRadius: 2.0, +// spreadRadius: 1.0, +// offset: Offset.zero, +// ), +// borderSide: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid), +// borderShape: RoundedRectangleBorder(side: BorderSide(color: Colors.pink, width: 2.0, style: BorderStyle.solid), borderRadius: BorderRadius.zero), + ), + GFIconButton( + onPressed: null, + icon: Icon(Icons.ac_unit), +// iconSize: 12.0, + + type: GFType.solid, + size: GFSize.small, + buttonBoxShadow: true, + color: GFColor.success, +// boxShadow: BoxShadow( +// color: Colors.pink, +// blurRadius: 2.0, +// spreadRadius: 1.0, +// offset: Offset.zero, +// ), +// borderSide: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid), +// borderShape: RoundedRectangleBorder(side: BorderSide(color: Colors.pink, width: 2.0, style: BorderStyle.solid), borderRadius: BorderRadius.zero), + ), + + ], + ) + ], + ), + ), + + GFCard( + content: Column( + children: [ + GFHeader( + text: 'Outline Icon Button', + type: GFHeadingType.typo6, + ), + + SizedBox( + height: 15.0, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFIconButton( + onPressed: null, + icon: Icon(Icons.ac_unit), +// iconSize: 12.0, + + type: GFType.outline, + size: GFSize.large, + + +// boxShadow: BoxShadow( +// color: Colors.pink, +// blurRadius: 2.0, +// spreadRadius: 1.0, +// offset: Offset.zero, +// ), +// borderSide: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid), +// borderShape: RoundedRectangleBorder(side: BorderSide(color: Colors.pink, width: 2.0, style: BorderStyle.solid), borderRadius: BorderRadius.zero), + ), + GFIconButton( + onPressed: null, + icon: Icon(Icons.ac_unit), +// iconSize: 12.0, + + + size: GFSize.medium, +type: GFType.outline, +// boxShadow: BoxShadow( +// color: Colors.pink, +// blurRadius: 2.0, +// spreadRadius: 1.0, +// offset: Offset.zero, +// ), +// borderSide: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid), +// borderShape: RoundedRectangleBorder(side: BorderSide(color: Colors.pink, width: 2.0, style: BorderStyle.solid), borderRadius: BorderRadius.zero), + ), + GFIconButton( + onPressed: null, + icon: Icon(Icons.ac_unit), +// iconSize: 12.0, + + type: GFType.outline, + size: GFSize.small, + + +// boxShadow: BoxShadow( +// color: Colors.pink, +// blurRadius: 2.0, +// spreadRadius: 1.0, +// offset: Offset.zero, +// ), +// borderSide: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid), +// borderShape: RoundedRectangleBorder(side: BorderSide(color: Colors.pink, width: 2.0, style: BorderStyle.solid), borderRadius: BorderRadius.zero), + ), + + ], + ) + ], + ), + ), + + + GFCard( + content: Column( + children: [ + GFHeader( + text: 'Transparent Icon Button', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 15.0, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFIconButton( + onPressed: null, + icon: Icon(Icons.ac_unit), +// iconSize: 12.0, + + type: GFType.transparent, + size: GFSize.large, + + +// boxShadow: BoxShadow( +// color: Colors.pink, +// blurRadius: 2.0, +// spreadRadius: 1.0, +// offset: Offset.zero, +// ), +// borderSide: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid), +// borderShape: RoundedRectangleBorder(side: BorderSide(color: Colors.pink, width: 2.0, style: BorderStyle.solid), borderRadius: BorderRadius.zero), + ), + GFIconButton( + onPressed: null, + icon: Icon(Icons.ac_unit), +// iconSize: 12.0, + + + size: GFSize.medium, + type: GFType.transparent, +// boxShadow: BoxShadow( +// color: Colors.pink, +// blurRadius: 2.0, +// spreadRadius: 1.0, +// offset: Offset.zero, +// ), +// borderSide: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid), +// borderShape: RoundedRectangleBorder(side: BorderSide(color: Colors.pink, width: 2.0, style: BorderStyle.solid), borderRadius: BorderRadius.zero), + ), + GFIconButton( + onPressed: null, + icon: Icon(Icons.ac_unit), +// iconSize: 12.0, + + type: GFType.transparent, + size: GFSize.small, + + +// boxShadow: BoxShadow( +// color: Colors.pink, +// blurRadius: 2.0, +// spreadRadius: 1.0, +// offset: Offset.zero, +// ), +// borderSide: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid), +// borderShape: RoundedRectangleBorder(side: BorderSide(color: Colors.pink, width: 2.0, style: BorderStyle.solid), borderRadius: BorderRadius.zero), + ), + + ], + ) + ], + ), + ) + ], + ), + ); + } +} diff --git a/demo_app/lib/screens/list-tiles.dart b/demo_app/lib/screens/list-tiles.dart new file mode 100644 index 00000000..bec715a6 --- /dev/null +++ b/demo_app/lib/screens/list-tiles.dart @@ -0,0 +1,103 @@ +import 'package:flutter/material.dart'; +import 'package:ui_kit/colors/gf_color.dart'; +import 'package:ui_kit/components/avatar/gf_avatar.dart'; +import 'package:ui_kit/components/button/gf_icon_button.dart'; +import 'package:ui_kit/components/card/gf_card.dart'; +import 'package:ui_kit/components/header/gf_header.dart'; +import 'package:ui_kit/components/list_tile/gf_list_tile.dart'; +import 'package:ui_kit/shape/gf_avatar_shape.dart'; +import 'package:ui_kit/types/gf_heading_type.dart'; + +class ListTiles extends StatefulWidget { + @override + _ListTilesState createState() => _ListTilesState(); +} + +class _ListTilesState extends State { + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar( + backgroundColor: getGFColor(GFColor.dark), + title: Text('List Tile', style: TextStyle(fontSize: 14),), + ), + body: ListView( + children: [ + + + GFCard( + content: GFListTile( + + title: GFHeader( + text: 'List tile', + type: GFHeadingType.typo5, + showDivider: false, + ), + subTitle: Text('Lorem ipsum', style: TextStyle(color: getGFColor(GFColor.dark)),), + + showDivider: false, + + ), + ), + GFCard( + content: GFListTile( + avatar: GFAvatar( + shape: GFAvatarShape.standard, + ), + title: GFHeader( + text: 'List tile', + type: GFHeadingType.typo5, + showDivider: false, + ), + subTitle: Text('Lorem ipsum', style: TextStyle(color: getGFColor(GFColor.dark)),), + + description: Text('Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ', + style: TextStyle(fontSize: 13, color: getGFColor(GFColor.secondary))), + showDivider: false, + ), + ), + + GFCard( + content: GFListTile( + + title: GFHeader( + text: 'List tile', + type: GFHeadingType.typo5, + showDivider: false, + ), + subTitle: Text('Lorem ipsum', style: TextStyle(color: getGFColor(GFColor.dark)),), + + description: Text('Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ', + style: TextStyle(fontSize: 13, color: getGFColor(GFColor.secondary))), + icon: GFAvatar( + shape: GFAvatarShape.circle, + ), + showDivider: false, + + ), + ), + + GFCard( + content: GFListTile( + avatar: GFAvatar( + shape: GFAvatarShape.square, + ), + title: GFHeader( + text: 'List tile', + type: GFHeadingType.typo5, + showDivider: false, + ), + subTitle: Text('Lorem ipsum', style: TextStyle(color: getGFColor(GFColor.dark)),), + + description: Text('Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ', + style: TextStyle(fontSize: 13, color: getGFColor(GFColor.secondary))), + icon: GFIconButton(icon: Icon(Icons.share), onPressed: null), + showDivider: false, + + ), + ) + ], + ), + ); + } +} diff --git a/demo_app/lib/screens/toasts.dart b/demo_app/lib/screens/toasts.dart new file mode 100644 index 00000000..9ff33c95 --- /dev/null +++ b/demo_app/lib/screens/toasts.dart @@ -0,0 +1,96 @@ +import 'package:flutter/material.dart'; +import 'package:ui_kit/colors/gf_color.dart'; +import 'package:ui_kit/components/button/gf_button.dart'; +import 'package:ui_kit/components/card/gf_card.dart'; +import 'package:ui_kit/components/header/gf_header.dart'; +import 'package:ui_kit/components/tabs/gf_tabs.dart'; +import 'package:ui_kit/components/toast/gf_floating_widget.dart'; +import 'package:ui_kit/components/toast/gf_toast.dart'; +import 'package:ui_kit/types/gf_heading_type.dart'; +import 'package:ui_kit/types/gf_type.dart'; + +class Toasts extends StatefulWidget { + @override + _ToastsState createState() => _ToastsState(); +} + +class _ToastsState extends State { + + bool showToast = false; + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar( + backgroundColor: getGFColor(GFColor.dark), + title: Text('Toast', style: TextStyle(fontSize: 14),), + ), + body: ListView( + children: [ + GFCard( + content: Column( + children: [ + GFHeader( + text: 'Toast', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + GFToast( + text: 'Happy New Year', + button: GFButton(onPressed: null, + text: 'OK', + type: GFType.outline, + color: GFColor.warning, + ), + ), + ], + ), + ), + +// GFCard( +// content: Column( +// children: [ +// GFHeader( +// text: 'Floating Toast', +// type: GFHeadingType.typo6, +// ), +// GFFloatingWidget( +// horizontalPosition: 80, +// child: showToast? GFToast( +// width: 300, +// text: 'Happy New Year', +// button: GFButton(onPressed: null, +// text: 'OK', +// type: GFType.outline, +// color: GFColor.warning, +// ), +// ):Container(), +// body: Column( +// crossAxisAlignment: CrossAxisAlignment.center, +// children: [ +// Container( +// +// margin: EdgeInsets.only(top:0, bottom: 10, right: 40), +// alignment: Alignment.center, +// child: GFButton(onPressed: (){ +// setState(() { +// showToast = !showToast; +// }); +// }, +// text: 'Click to View the toast', +// type: GFType.outline, +// color: GFColor.warning, +// ), +// ) +// ], +// ) +// ) +// ], +// ), +// ) + ], + ) + ); + } +} diff --git a/demo_app/lib/screens/toggles.dart b/demo_app/lib/screens/toggles.dart new file mode 100644 index 00000000..9199a3e5 --- /dev/null +++ b/demo_app/lib/screens/toggles.dart @@ -0,0 +1,125 @@ +import 'package:flutter/material.dart'; +import 'package:flutter/painting.dart'; +import 'package:ui_kit/components/card/gf_card.dart'; +import 'package:ui_kit/components/header/gf_header.dart'; +import 'package:ui_kit/components/toggle/gf_toggle.dart'; +import 'package:ui_kit/types/gf_heading_type.dart'; +import 'package:ui_kit/types/gf_toggle_type.dart'; +import 'package:ui_kit/colors/gf_color.dart'; + +class Toggles extends StatefulWidget { + @override + _TogglesState createState() => _TogglesState(); +} + +class _TogglesState extends State { + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar( + backgroundColor: getGFColor(GFColor.dark), + title: Text('Toggle', style: TextStyle(fontSize: 14),), + ), + body: Container( + margin: EdgeInsets.all(20), + child: Column( + children: [ + GFCard( + content: Column( + children: [ + GFHeader( + text: 'Android', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + GFToggle(onChanged: null, value: null, + type: GFToggleType.android, + ) + ], + ), + ), + GFCard( + content: Column( + children: [ + GFHeader( + text: 'IOS', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + GFToggle(onChanged: null, value: null, + type: GFToggleType.ios, + ) + ], + ), + ), + GFCard( + content: Column( + children: [ + GFHeader( + text: 'Square', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + GFToggle(onChanged: null, value: null, + type: GFToggleType.square, + ) + ], + ), + ), + GFCard( + content: Column( + children: [ + GFHeader( + text: 'Custom', + type: GFHeadingType.typo6, + ), + SizedBox( + height: 10, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + GFToggle(onChanged: null, value: null, + type: GFToggleType.custom, + ), + GFToggle(onChanged: null, value: null, + type: GFToggleType.android, + boxShape: BoxShape.rectangle, + enabledTrackColor: getGFColor(GFColor.warning), + + ), + GFToggle(onChanged: null, value: null, + type: GFToggleType.ios, + boxShape: BoxShape.rectangle, + enabledTrackColor: getGFColor(GFColor.info), + + + borderRadius: BorderRadius.all(Radius.circular(0)), + ), + GFToggle(onChanged: null, value: null, + type: GFToggleType.ios, + boxShape: BoxShape.rectangle, + enabledText: 'ON', + disabledText: 'OFF', + enabledTrackColor: getGFColor(GFColor.danger), + borderRadius: BorderRadius.all(Radius.circular(0)), + ) + ], + ), + + ], + ), + ), + + ], + ), + ), + ); + } +} diff --git a/demo_app/pubspec.lock b/demo_app/pubspec.lock new file mode 100644 index 00000000..57c5df30 --- /dev/null +++ b/demo_app/pubspec.lock @@ -0,0 +1,202 @@ +# Generated by pub +# See https://dart.dev/tools/pub/glossary#lockfile +packages: + archive: + dependency: transitive + description: + name: archive + url: "https://pub.dartlang.org" + source: hosted + version: "2.0.11" + args: + dependency: transitive + description: + name: args + url: "https://pub.dartlang.org" + source: hosted + version: "1.5.2" + async: + dependency: transitive + description: + name: async + url: "https://pub.dartlang.org" + source: hosted + version: "2.4.0" + boolean_selector: + dependency: transitive + description: + name: boolean_selector + url: "https://pub.dartlang.org" + source: hosted + version: "1.0.5" + charcode: + dependency: transitive + description: + name: charcode + url: "https://pub.dartlang.org" + source: hosted + version: "1.1.2" + collection: + dependency: transitive + description: + name: collection + url: "https://pub.dartlang.org" + source: hosted + version: "1.14.11" + convert: + dependency: transitive + description: + name: convert + url: "https://pub.dartlang.org" + source: hosted + version: "2.1.1" + crypto: + dependency: transitive + description: + name: crypto + url: "https://pub.dartlang.org" + source: hosted + version: "2.1.3" + cupertino_icons: + dependency: "direct main" + description: + name: cupertino_icons + url: "https://pub.dartlang.org" + source: hosted + version: "0.1.3" + flutter: + dependency: "direct main" + description: flutter + source: sdk + version: "0.0.0" + flutter_test: + dependency: "direct dev" + description: flutter + source: sdk + version: "0.0.0" + image: + dependency: transitive + description: + name: image + url: "https://pub.dartlang.org" + source: hosted + version: "2.1.4" + matcher: + dependency: transitive + description: + name: matcher + url: "https://pub.dartlang.org" + source: hosted + version: "0.12.6" + meta: + dependency: transitive + description: + name: meta + url: "https://pub.dartlang.org" + source: hosted + version: "1.1.8" + path: + dependency: transitive + description: + name: path + url: "https://pub.dartlang.org" + source: hosted + version: "1.6.4" + pedantic: + dependency: transitive + description: + name: pedantic + url: "https://pub.dartlang.org" + source: hosted + version: "1.8.0+1" + petitparser: + dependency: transitive + description: + name: petitparser + url: "https://pub.dartlang.org" + source: hosted + version: "2.4.0" + quiver: + dependency: transitive + description: + name: quiver + url: "https://pub.dartlang.org" + source: hosted + version: "2.0.5" + sky_engine: + dependency: transitive + description: flutter + source: sdk + version: "0.0.99" + source_span: + dependency: transitive + description: + name: source_span + url: "https://pub.dartlang.org" + source: hosted + version: "1.5.5" + stack_trace: + dependency: transitive + description: + name: stack_trace + url: "https://pub.dartlang.org" + source: hosted + version: "1.9.3" + stream_channel: + dependency: transitive + description: + name: stream_channel + url: "https://pub.dartlang.org" + source: hosted + version: "2.0.0" + string_scanner: + dependency: transitive + description: + name: string_scanner + url: "https://pub.dartlang.org" + source: hosted + version: "1.0.5" + term_glyph: + dependency: transitive + description: + name: term_glyph + url: "https://pub.dartlang.org" + source: hosted + version: "1.1.0" + test_api: + dependency: transitive + description: + name: test_api + url: "https://pub.dartlang.org" + source: hosted + version: "0.2.11" + typed_data: + dependency: transitive + description: + name: typed_data + url: "https://pub.dartlang.org" + source: hosted + version: "1.1.6" + ui_kit: + dependency: "direct main" + description: + path: ".." + relative: true + source: path + version: "0.0.1" + vector_math: + dependency: transitive + description: + name: vector_math + url: "https://pub.dartlang.org" + source: hosted + version: "2.0.8" + xml: + dependency: transitive + description: + name: xml + url: "https://pub.dartlang.org" + source: hosted + version: "3.5.0" +sdks: + dart: ">=2.4.0 <3.0.0" diff --git a/demo_app/pubspec.yaml b/demo_app/pubspec.yaml new file mode 100644 index 00000000..47d0c1f5 --- /dev/null +++ b/demo_app/pubspec.yaml @@ -0,0 +1,32 @@ +name: demo_app +description: A new Flutter project. + +# The following defines the version and build number for your application. +# A version number is three numbers separated by dots, like 1.2.43 +# followed by an optional build number separated by a +. +# Both the version and the builder number may be overridden in flutter +# build by specifying --build-name and --build-number, respectively. +# In Android, build-name is used as versionName while build-number used as versionCode. +# Read more about Android versioning at https://developer.android.com/studio/publish/versioning +# In iOS, build-name is used as CFBundleShortVersionString while build-number used as CFBundleVersion. +# Read more about iOS versioning at +# https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html +version: 1.0.0+1 + +environment: + sdk: ">=2.1.0 <3.0.0" + +dependencies: + flutter: + sdk: flutter + ui_kit: + path: ../ + + cupertino_icons: ^0.1.2 + +dev_dependencies: + flutter_test: + sdk: flutter + +flutter: + uses-material-design: true diff --git a/demo_app/test/widget_test.dart b/demo_app/test/widget_test.dart new file mode 100644 index 00000000..5f343444 --- /dev/null +++ b/demo_app/test/widget_test.dart @@ -0,0 +1,30 @@ +// This is a basic Flutter widget test. +// +// To perform an interaction with a widget in your test, use the WidgetTester +// utility that Flutter provides. For example, you can send tap and scroll +// gestures. You can also use WidgetTester to find child widgets in the widget +// tree, read text, and verify that the values of widget properties are correct. + +import 'package:flutter/material.dart'; +import 'package:flutter_test/flutter_test.dart'; + +import 'package:demo_app/main.dart'; + +void main() { + testWidgets('Counter increments smoke test', (WidgetTester tester) async { + // Build our app and trigger a frame. + await tester.pumpWidget(MyApp()); + + // Verify that our counter starts at 0. + expect(find.text('0'), findsOneWidget); + expect(find.text('1'), findsNothing); + + // Tap the '+' icon and trigger a frame. + await tester.tap(find.byIcon(Icons.add)); + await tester.pump(); + + // Verify that our counter has incremented. + expect(find.text('0'), findsNothing); + expect(find.text('1'), findsOneWidget); + }); +} diff --git a/demo_app/web/index.html b/demo_app/web/index.html new file mode 100644 index 00000000..3a82fe25 --- /dev/null +++ b/demo_app/web/index.html @@ -0,0 +1,10 @@ + + + + + demo_app + + + + + diff --git a/example/lib/main.dart b/example/lib/main.dart index 6b35c3bb..a2d2e867 100644 --- a/example/lib/main.dart +++ b/example/lib/main.dart @@ -662,4 +662,4 @@ class _MyHomePageState extends State with SingleTickerProviderStateM ), ); } -} +} \ No newline at end of file diff --git a/lib/components/header/gf_header.dart b/lib/components/header/gf_header.dart index 20f1709f..7dddbdd6 100644 --- a/lib/components/header/gf_header.dart +++ b/lib/components/header/gf_header.dart @@ -5,7 +5,7 @@ import 'package:ui_kit/types/gf_heading_type.dart'; class GFHeader extends StatelessWidget { const GFHeader( {Key key, - this.type, + this.type = GFHeadingType.typo4, this.child, this.text, this.icon, diff --git a/lib/components/list/gf_list.dart b/lib/components/list/gf_list.dart new file mode 100644 index 00000000..bc2685b7 --- /dev/null +++ b/lib/components/list/gf_list.dart @@ -0,0 +1,61 @@ +import 'package:flutter/material.dart'; +import 'package:ui_kit/components/avatar/gf_avatar.dart'; +import 'package:ui_kit/components/list_tile/gf_list_tile.dart'; +class GFList extends StatefulWidget { + + const GFList( + {Key key, + this.child, + this.text = 'Lorem ipsum', + this.icon = const Icon(Icons.keyboard_arrow_right), + this.textStyle, + this.showDivider= true + + }) + : super(key: key); + + + + final Widget child; + + final String text; + + final Widget icon; + + final TextStyle textStyle; + + final bool showDivider; + + + @override + _GFListState createState() => _GFListState(); +} + +class _GFListState extends State { + @override + Widget build(BuildContext context) { + return Container( + height: MediaQuery.of(context).size.height, + width: MediaQuery.of(context).size.width, + margin: EdgeInsets.only(left: 10), + padding: EdgeInsets.only(right: 5, top: 10), + child:ListView.builder( + shrinkWrap: true, +// scrollDirection: Axis.horizontal, +// itemCount: 0, + itemBuilder: (BuildContext context, int index) { + return Container( +// height: MediaQuery.of(context).size.height, +// width: MediaQuery.of(context).size.width, + child: GFListTile( + title: Text('j'), + avatar: GFAvatar(), + ), + ); + } + + +) + ); + } +} diff --git a/lib/components/list_tile/gf_list_tile.dart b/lib/components/list_tile/gf_list_tile.dart index 34fb92f5..4f3df6f4 100644 --- a/lib/components/list_tile/gf_list_tile.dart +++ b/lib/components/list_tile/gf_list_tile.dart @@ -29,8 +29,8 @@ class GFListTile extends StatelessWidget { this.color, this.avatar, this.title, - this.subTitle, - this.description, + this.subTitle , + this.description , this.icon, this.showDivider = true }) diff --git a/lib/components/toast/gf_floating_widget.dart b/lib/components/toast/gf_floating_widget.dart index bb2c59de..300981a2 100644 --- a/lib/components/toast/gf_floating_widget.dart +++ b/lib/components/toast/gf_floating_widget.dart @@ -29,17 +29,16 @@ class GFFloatingWidget extends StatefulWidget { class _GFFloatingWidgetState extends State { @override Widget build(BuildContext context) { - var screenWidth = MediaQuery.of(context).size.width; - var screenHeight = MediaQuery.of(context).size.height; return Stack( + alignment: Alignment.center, + fit: StackFit.loose, children: [ Container( + height: MediaQuery.of(context).size.height, child: widget.body ?? Container(), ), Positioned( - top: widget.horizontalPosition != null - ? widget.horizontalPosition - : 0, + top: widget.horizontalPosition != null ? widget.horizontalPosition : 0, left: widget.verticalPosition != null ? widget.verticalPosition : 0, child: Container( width: MediaQuery.of(context).size.width, diff --git a/lib/components/toast/gf_toast.dart b/lib/components/toast/gf_toast.dart index 182e42c7..a8669e4f 100644 --- a/lib/components/toast/gf_toast.dart +++ b/lib/components/toast/gf_toast.dart @@ -1,23 +1,27 @@ +import 'dart:async'; + import 'package:flutter/material.dart'; import 'package:flutter/widgets.dart'; import 'package:ui_kit/colors/gf_color.dart'; +import 'gf_floating_widget.dart'; -class GFToast extends StatelessWidget { - +class GFToast extends StatefulWidget { /// - GFToast({Key key, + GFToast({ + Key key, this.child, this.button, this.backgroundColor, this.text, - this.textStyle = const TextStyle(color: Colors.white70), - }) :super(key: key); + this.width, + this.textStyle = const TextStyle(color: Colors.white70), + }) : super(key: key); /// child of type [Widget]is alternative to text key. text will get priority over child final Widget child; /// button of type [Widget],or you can use [GFButton] for easy implementation with [GFToast] - final Widget button; + final Widget button; ///pass color of type [Color] or [GFColor] for background of [GFToast] final dynamic backgroundColor; @@ -25,39 +29,91 @@ class GFToast extends StatelessWidget { /// text of type [String] is alternative to child. text will get priority over child final String text; - /// textStyle will be applicable to text only and not for the child + /// textStyle of type [textStyle] will be applicable to text only and not for the child final TextStyle textStyle; + /// width od type [double] used to control the width od the [GFToast] + final double width; + + + @override + _GFToastState createState() => _GFToastState(); +} + +class _GFToastState extends State with TickerProviderStateMixin { + AnimationController controller, _controller; + Animation offset, offset1; + Animation animation; + Timer timer; + + bool slide = false; + + @override + void initState() { + super.initState(); + + controller = AnimationController( + duration: const Duration(milliseconds: 300), vsync: this); + animation = CurvedAnimation(parent: controller, curve: Curves.easeIn); + _controller = + AnimationController(vsync: this, duration: Duration(milliseconds: 200)); + offset = Tween(begin: Offset.zero, end: Offset(0.0, 1.0)) + .animate(_controller); + controller.forward(); + _controller.forward(); + } + + @override + void dispose() { + controller.dispose(); + super.dispose(); + } @override Widget build(BuildContext context) { - return - ConstrainedBox(constraints: BoxConstraints(minHeight: 50.0, minWidth: 340), child: Container( - margin: EdgeInsets.only(left: 10, right: 10), - padding: EdgeInsets.all(10), - decoration: BoxDecoration( - borderRadius: BorderRadius.all(Radius.circular(3)), - color: backgroundColor!=null ?getGFColor(backgroundColor):Color(0xff323232), - ), - child: Row( + return FadeTransition( + opacity: animation, + child: + Column( children: [ - Flexible( - flex: 7, - fit: FlexFit.tight, - child: text!=null ? Text(text , style: textStyle):(child??Container()),), - SizedBox( - width: 10, + Container( + width: widget.width != null? widget.width: null, + constraints: BoxConstraints(minHeight: 50.0), +// width: 100, + margin: EdgeInsets.only(left: 10, right: 10), + padding: EdgeInsets.all(10), + decoration: BoxDecoration( + borderRadius: BorderRadius.all(Radius.circular(3)), + color: widget.backgroundColor != null + ? getGFColor(widget.backgroundColor) + : Color(0xff323232), + ), + child: Row( + children: [ + Flexible( + flex: 7, + fit: FlexFit.tight, + child: widget.text != null + ? Text(widget.text, style: widget.textStyle) + : (widget.child ?? Container()), + ), + SizedBox( + width: 10, + ), + widget.button != null + ? Flexible( + flex: 4, + fit: FlexFit.tight, + child: Align( + alignment: Alignment.topRight, + child: widget.button, + )) + : Container() + ], + ), ), - button!=null?Flexible( - flex: 4, - fit: FlexFit.tight, - child: Align( - alignment: Alignment.topRight, - child: button, - ) - ):Container() ], ), - ),); + ); } -} \ No newline at end of file +} diff --git a/lib/components/toggle/gf_toggle.dart b/lib/components/toggle/gf_toggle.dart index 8fdb3e6c..3c0ae9bb 100644 --- a/lib/components/toggle/gf_toggle.dart +++ b/lib/components/toggle/gf_toggle.dart @@ -87,6 +87,8 @@ class _GFToggleState extends State with TickerProviderStateMixin { void dispose() { animationController.dispose(); super.dispose(); + controller.dispose(); + } @override