├── .gitignore ├── .metadata ├── .vscode └── launch.json ├── README.md ├── android ├── .gitignore ├── app │ ├── build.gradle │ └── src │ │ ├── debug │ │ └── AndroidManifest.xml │ │ ├── main │ │ ├── AndroidManifest.xml │ │ ├── kotlin │ │ │ └── com │ │ │ │ └── example │ │ │ │ └── flutter_facebook_responsive_ui │ │ │ │ └── MainActivity.kt │ │ └── res │ │ │ ├── drawable │ │ │ └── launch_background.xml │ │ │ ├── mipmap-hdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-mdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xhdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xxhdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xxxhdpi │ │ │ └── ic_launcher.png │ │ │ └── values │ │ │ └── styles.xml │ │ └── profile │ │ └── AndroidManifest.xml ├── build.gradle ├── gradle.properties ├── gradle │ └── wrapper │ │ └── gradle-wrapper.properties └── settings.gradle ├── ios ├── .gitignore ├── Flutter │ ├── AppFrameworkInfo.plist │ ├── Debug.xcconfig │ └── Release.xcconfig ├── Podfile ├── Podfile.lock ├── Runner.xcodeproj │ ├── project.pbxproj │ ├── project.xcworkspace │ │ ├── contents.xcworkspacedata │ │ └── xcshareddata │ │ │ ├── IDEWorkspaceChecks.plist │ │ │ └── WorkspaceSettings.xcsettings │ └── xcshareddata │ │ └── xcschemes │ │ └── Runner.xcscheme ├── Runner.xcworkspace │ ├── contents.xcworkspacedata │ └── xcshareddata │ │ ├── IDEWorkspaceChecks.plist │ │ └── WorkspaceSettings.xcsettings └── Runner │ ├── AppDelegate.swift │ ├── Assets.xcassets │ ├── AppIcon.appiconset │ │ ├── Contents.json │ │ ├── Icon-App-1024x1024@1x.png │ │ ├── Icon-App-20x20@1x.png │ │ ├── Icon-App-20x20@2x.png │ │ ├── Icon-App-20x20@3x.png │ │ ├── Icon-App-29x29@1x.png │ │ ├── Icon-App-29x29@2x.png │ │ ├── Icon-App-29x29@3x.png │ │ ├── Icon-App-40x40@1x.png │ │ ├── Icon-App-40x40@2x.png │ │ ├── Icon-App-40x40@3x.png │ │ ├── Icon-App-60x60@2x.png │ │ ├── Icon-App-60x60@3x.png │ │ ├── Icon-App-76x76@1x.png │ │ ├── Icon-App-76x76@2x.png │ │ └── Icon-App-83.5x83.5@2x.png │ └── LaunchImage.imageset │ │ ├── Contents.json │ │ ├── LaunchImage.png │ │ ├── LaunchImage@2x.png │ │ ├── LaunchImage@3x.png │ │ └── README.md │ ├── Base.lproj │ ├── LaunchScreen.storyboard │ └── Main.storyboard │ ├── Info.plist │ └── Runner-Bridging-Header.h ├── lib ├── config │ └── palette.dart ├── data │ └── data.dart ├── main.dart ├── models │ ├── models.dart │ ├── post_model.dart │ ├── story_model.dart │ └── user_model.dart ├── screens │ ├── home_screen.dart │ ├── nav_screen.dart │ └── screens.dart └── widgets │ ├── circle_button.dart │ ├── contacts_list.dart │ ├── create_post_container.dart │ ├── custom_app_bar.dart │ ├── custom_tab_bar.dart │ ├── more_options_list.dart │ ├── post_container.dart │ ├── profile_avatar.dart │ ├── responsive.dart │ ├── rooms.dart │ ├── stories.dart │ ├── user_card.dart │ └── widgets.dart ├── pubspec.lock ├── pubspec.yaml ├── screenshots ├── facebook-mobile.png ├── facebook-web.png └── widget_file_structure_diagram.png ├── test └── widget_test.dart └── web ├── favicon.png ├── icons ├── Icon-192.png └── Icon-512.png ├── index.html └── manifest.json /.gitignore: -------------------------------------------------------------------------------- 1 | # Miscellaneous 2 | *.class 3 | *.log 4 | *.pyc 5 | *.swp 6 | .DS_Store 7 | .atom/ 8 | .buildlog/ 9 | .history 10 | .svn/ 11 | 12 | # IntelliJ related 13 | *.iml 14 | *.ipr 15 | *.iws 16 | .idea/ 17 | 18 | # The .vscode folder contains launch configuration and tasks you configure in 19 | # VS Code which you may wish to be included in version control, so this line 20 | # is commented out by default. 21 | #.vscode/ 22 | 23 | # Flutter/Dart/Pub related 24 | **/doc/api/ 25 | **/ios/Flutter/.last_build_id 26 | .dart_tool/ 27 | .flutter-plugins 28 | .flutter-plugins-dependencies 29 | .packages 30 | .pub-cache/ 31 | .pub/ 32 | /build/ 33 | 34 | # Web related 35 | lib/generated_plugin_registrant.dart 36 | 37 | # Symbolication related 38 | app.*.symbols 39 | 40 | # Obfuscation related 41 | app.*.map.json 42 | 43 | # Exceptions to above rules. 44 | !/packages/flutter_tools/test/data/dart_dependencies_test/**/.packages 45 | -------------------------------------------------------------------------------- /.metadata: -------------------------------------------------------------------------------- 1 | # This file tracks properties of this Flutter project. 2 | # Used by Flutter tool to assess capabilities and perform upgrades etc. 3 | # 4 | # This file should be version controlled and should not be manually edited. 5 | 6 | version: 7 | revision: e606910f28be51c8151f6169072afe3b3a8b3c5e 8 | channel: beta 9 | 10 | project_type: app 11 | -------------------------------------------------------------------------------- /.vscode/launch.json: -------------------------------------------------------------------------------- 1 | { 2 | // Use IntelliSense to learn about possible attributes. 3 | // Hover to view descriptions of existing attributes. 4 | // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 5 | "version": "0.2.0", 6 | "configurations": [ 7 | { 8 | "name": "Flutter", 9 | "program": "lib/main.dart", 10 | "request": "launch", 11 | "type": "dart" 12 | } 13 | ] 14 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Flutter Facebook Responsive UI Tutorial 2 | 3 | [YouTube Tutorial](https://youtu.be/HvLb5gdUfDE) 4 | 5 | [Widget & File Structure Diagram](https://drive.google.com/file/d/183A5x2v5yyEFubuN2p12_dPx3yt6SJu-/view) 6 | 7 | ![Mobile Screenshot](screenshots/facebook-mobile.png) 8 | 9 | ![Web Screenshot](screenshots/facebook-web.png) 10 | 11 | ![Widget & File Structure Diagram](screenshots/widget_file_structure_diagram.png) -------------------------------------------------------------------------------- /android/.gitignore: -------------------------------------------------------------------------------- 1 | gradle-wrapper.jar 2 | /.gradle 3 | /captures/ 4 | /gradlew 5 | /gradlew.bat 6 | /local.properties 7 | GeneratedPluginRegistrant.java 8 | 9 | # Remember to never publicly share your keystore. 10 | # See https://flutter.dev/docs/deployment/android#reference-the-keystore-from-the-app 11 | key.properties 12 | -------------------------------------------------------------------------------- /android/app/build.gradle: -------------------------------------------------------------------------------- 1 | def localProperties = new Properties() 2 | def localPropertiesFile = rootProject.file('local.properties') 3 | if (localPropertiesFile.exists()) { 4 | localPropertiesFile.withReader('UTF-8') { reader -> 5 | localProperties.load(reader) 6 | } 7 | } 8 | 9 | def flutterRoot = localProperties.getProperty('flutter.sdk') 10 | if (flutterRoot == null) { 11 | throw new GradleException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.") 12 | } 13 | 14 | def flutterVersionCode = localProperties.getProperty('flutter.versionCode') 15 | if (flutterVersionCode == null) { 16 | flutterVersionCode = '1' 17 | } 18 | 19 | def flutterVersionName = localProperties.getProperty('flutter.versionName') 20 | if (flutterVersionName == null) { 21 | flutterVersionName = '1.0' 22 | } 23 | 24 | apply plugin: 'com.android.application' 25 | apply plugin: 'kotlin-android' 26 | apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle" 27 | 28 | android { 29 | compileSdkVersion 28 30 | 31 | sourceSets { 32 | main.java.srcDirs += 'src/main/kotlin' 33 | } 34 | 35 | lintOptions { 36 | disable 'InvalidPackage' 37 | } 38 | 39 | defaultConfig { 40 | // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html). 41 | applicationId "com.example.flutter_facebook_responsive_ui" 42 | minSdkVersion 16 43 | targetSdkVersion 28 44 | versionCode flutterVersionCode.toInteger() 45 | versionName flutterVersionName 46 | } 47 | 48 | buildTypes { 49 | release { 50 | // TODO: Add your own signing config for the release build. 51 | // Signing with the debug keys for now, so `flutter run --release` works. 52 | signingConfig signingConfigs.debug 53 | } 54 | } 55 | } 56 | 57 | flutter { 58 | source '../..' 59 | } 60 | 61 | dependencies { 62 | implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version" 63 | } 64 | -------------------------------------------------------------------------------- /android/app/src/debug/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 8 | 12 | 19 | 23 | 27 | 32 | 36 | 37 | 38 | 39 | 40 | 41 | 43 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /android/app/src/main/kotlin/com/example/flutter_facebook_responsive_ui/MainActivity.kt: -------------------------------------------------------------------------------- 1 | package com.example.flutter_facebook_responsive_ui 2 | 3 | import io.flutter.embedding.android.FlutterActivity 4 | 5 | class MainActivity: FlutterActivity() { 6 | } 7 | -------------------------------------------------------------------------------- /android/app/src/main/res/drawable/launch_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 12 | 13 | -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 9 | 15 | 18 | 19 | -------------------------------------------------------------------------------- /android/app/src/profile/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /android/build.gradle: -------------------------------------------------------------------------------- 1 | buildscript { 2 | ext.kotlin_version = '1.3.50' 3 | repositories { 4 | google() 5 | jcenter() 6 | } 7 | 8 | dependencies { 9 | classpath 'com.android.tools.build:gradle:3.5.0' 10 | classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version" 11 | } 12 | } 13 | 14 | allprojects { 15 | repositories { 16 | google() 17 | jcenter() 18 | } 19 | } 20 | 21 | rootProject.buildDir = '../build' 22 | subprojects { 23 | project.buildDir = "${rootProject.buildDir}/${project.name}" 24 | } 25 | subprojects { 26 | project.evaluationDependsOn(':app') 27 | } 28 | 29 | task clean(type: Delete) { 30 | delete rootProject.buildDir 31 | } 32 | -------------------------------------------------------------------------------- /android/gradle.properties: -------------------------------------------------------------------------------- 1 | org.gradle.jvmargs=-Xmx1536M 2 | android.enableR8=true 3 | android.useAndroidX=true 4 | android.enableJetifier=true 5 | -------------------------------------------------------------------------------- /android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Fri Jun 23 08:50:38 CEST 2017 2 | distributionBase=GRADLE_USER_HOME 3 | distributionPath=wrapper/dists 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | distributionUrl=https\://services.gradle.org/distributions/gradle-5.6.2-all.zip 7 | -------------------------------------------------------------------------------- /android/settings.gradle: -------------------------------------------------------------------------------- 1 | include ':app' 2 | 3 | def localPropertiesFile = new File(rootProject.projectDir, "local.properties") 4 | def properties = new Properties() 5 | 6 | assert localPropertiesFile.exists() 7 | localPropertiesFile.withReader("UTF-8") { reader -> properties.load(reader) } 8 | 9 | def flutterSdkPath = properties.getProperty("flutter.sdk") 10 | assert flutterSdkPath != null, "flutter.sdk not set in local.properties" 11 | apply from: "$flutterSdkPath/packages/flutter_tools/gradle/app_plugin_loader.gradle" 12 | -------------------------------------------------------------------------------- /ios/.gitignore: -------------------------------------------------------------------------------- 1 | *.mode1v3 2 | *.mode2v3 3 | *.moved-aside 4 | *.pbxuser 5 | *.perspectivev3 6 | **/*sync/ 7 | .sconsign.dblite 8 | .tags* 9 | **/.vagrant/ 10 | **/DerivedData/ 11 | Icon? 12 | **/Pods/ 13 | **/.symlinks/ 14 | profile 15 | xcuserdata 16 | **/.generated/ 17 | Flutter/App.framework 18 | Flutter/Flutter.framework 19 | Flutter/Flutter.podspec 20 | Flutter/Generated.xcconfig 21 | Flutter/app.flx 22 | Flutter/app.zip 23 | Flutter/flutter_assets/ 24 | Flutter/flutter_export_environment.sh 25 | ServiceDefinitions.json 26 | Runner/GeneratedPluginRegistrant.* 27 | 28 | # Exceptions to above rules. 29 | !default.mode1v3 30 | !default.mode2v3 31 | !default.pbxuser 32 | !default.perspectivev3 33 | -------------------------------------------------------------------------------- /ios/Flutter/AppFrameworkInfo.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | $(DEVELOPMENT_LANGUAGE) 7 | CFBundleExecutable 8 | App 9 | CFBundleIdentifier 10 | io.flutter.flutter.app 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | App 15 | CFBundlePackageType 16 | FMWK 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1.0 23 | MinimumOSVersion 24 | 8.0 25 | 26 | 27 | -------------------------------------------------------------------------------- /ios/Flutter/Debug.xcconfig: -------------------------------------------------------------------------------- 1 | #include "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig" 2 | #include "Generated.xcconfig" 3 | -------------------------------------------------------------------------------- /ios/Flutter/Release.xcconfig: -------------------------------------------------------------------------------- 1 | #include "Pods/Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig" 2 | #include "Generated.xcconfig" 3 | -------------------------------------------------------------------------------- /ios/Podfile: -------------------------------------------------------------------------------- 1 | # Uncomment this line to define a global platform for your project 2 | # platform :ios, '9.0' 3 | 4 | # CocoaPods analytics sends network stats synchronously affecting flutter build latency. 5 | ENV['COCOAPODS_DISABLE_STATS'] = 'true' 6 | 7 | project 'Runner', { 8 | 'Debug' => :debug, 9 | 'Profile' => :release, 10 | 'Release' => :release, 11 | } 12 | 13 | def flutter_root 14 | generated_xcode_build_settings_path = File.expand_path(File.join('..', 'Flutter', 'Generated.xcconfig'), __FILE__) 15 | unless File.exist?(generated_xcode_build_settings_path) 16 | raise "#{generated_xcode_build_settings_path} must exist. If you're running pod install manually, make sure flutter pub get is executed first" 17 | end 18 | 19 | File.foreach(generated_xcode_build_settings_path) do |line| 20 | matches = line.match(/FLUTTER_ROOT\=(.*)/) 21 | return matches[1].strip if matches 22 | end 23 | raise "FLUTTER_ROOT not found in #{generated_xcode_build_settings_path}. Try deleting Generated.xcconfig, then run flutter pub get" 24 | end 25 | 26 | require File.expand_path(File.join('packages', 'flutter_tools', 'bin', 'podhelper'), flutter_root) 27 | 28 | flutter_ios_podfile_setup 29 | 30 | target 'Runner' do 31 | use_frameworks! 32 | use_modular_headers! 33 | 34 | flutter_install_all_ios_pods File.dirname(File.realpath(__FILE__)) 35 | end 36 | 37 | post_install do |installer| 38 | installer.pods_project.targets.each do |target| 39 | flutter_additional_ios_build_settings(target) 40 | end 41 | end 42 | -------------------------------------------------------------------------------- /ios/Podfile.lock: -------------------------------------------------------------------------------- 1 | PODS: 2 | - Flutter (1.0.0) 3 | - FMDB (2.7.5): 4 | - FMDB/standard (= 2.7.5) 5 | - FMDB/standard (2.7.5) 6 | - path_provider (0.0.1): 7 | - Flutter 8 | - sqflite (0.0.1): 9 | - Flutter 10 | - FMDB (~> 2.7.2) 11 | 12 | DEPENDENCIES: 13 | - Flutter (from `Flutter`) 14 | - path_provider (from `.symlinks/plugins/path_provider/ios`) 15 | - sqflite (from `.symlinks/plugins/sqflite/ios`) 16 | 17 | SPEC REPOS: 18 | trunk: 19 | - FMDB 20 | 21 | EXTERNAL SOURCES: 22 | Flutter: 23 | :path: Flutter 24 | path_provider: 25 | :path: ".symlinks/plugins/path_provider/ios" 26 | sqflite: 27 | :path: ".symlinks/plugins/sqflite/ios" 28 | 29 | SPEC CHECKSUMS: 30 | Flutter: 0e3d915762c693b495b44d77113d4970485de6ec 31 | FMDB: 2ce00b547f966261cd18927a3ddb07cb6f3db82a 32 | path_provider: abfe2b5c733d04e238b0d8691db0cfd63a27a93c 33 | sqflite: 4001a31ff81d210346b500c55b17f4d6c7589dd0 34 | 35 | PODFILE CHECKSUM: aafe91acc616949ddb318b77800a7f51bffa2a4c 36 | 37 | COCOAPODS: 1.9.1 38 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 1145ED89F78C60191C8A8402 /* Pods_Runner.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 0CF53D67BA283EBF2D61EF91 /* Pods_Runner.framework */; }; 11 | 1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */ = {isa = PBXBuildFile; fileRef = 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */; }; 12 | 3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */ = {isa = PBXBuildFile; fileRef = 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */; }; 13 | 74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 74858FAE1ED2DC5600515810 /* AppDelegate.swift */; }; 14 | 97C146FC1CF9000F007C117D /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FA1CF9000F007C117D /* Main.storyboard */; }; 15 | 97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FD1CF9000F007C117D /* Assets.xcassets */; }; 16 | 97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */; }; 17 | /* End PBXBuildFile section */ 18 | 19 | /* Begin PBXCopyFilesBuildPhase section */ 20 | 9705A1C41CF9048500538489 /* Embed Frameworks */ = { 21 | isa = PBXCopyFilesBuildPhase; 22 | buildActionMask = 2147483647; 23 | dstPath = ""; 24 | dstSubfolderSpec = 10; 25 | files = ( 26 | ); 27 | name = "Embed Frameworks"; 28 | runOnlyForDeploymentPostprocessing = 0; 29 | }; 30 | /* End PBXCopyFilesBuildPhase section */ 31 | 32 | /* Begin PBXFileReference section */ 33 | 07B6D201C1819A60BC854DA5 /* Pods-Runner.profile.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.profile.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.profile.xcconfig"; sourceTree = ""; }; 34 | 0CF53D67BA283EBF2D61EF91 /* Pods_Runner.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_Runner.framework; sourceTree = BUILT_PRODUCTS_DIR; }; 35 | 1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = GeneratedPluginRegistrant.h; sourceTree = ""; }; 36 | 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = GeneratedPluginRegistrant.m; sourceTree = ""; }; 37 | 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = AppFrameworkInfo.plist; path = Flutter/AppFrameworkInfo.plist; sourceTree = ""; }; 38 | 74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "Runner-Bridging-Header.h"; sourceTree = ""; }; 39 | 74858FAE1ED2DC5600515810 /* AppDelegate.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = ""; }; 40 | 7AFA3C8E1D35360C0083082E /* Release.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; name = Release.xcconfig; path = Flutter/Release.xcconfig; sourceTree = ""; }; 41 | 90FA10F008AFFDCD620188E8 /* Pods-Runner.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.release.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig"; sourceTree = ""; }; 42 | 9740EEB21CF90195004384FC /* Debug.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Debug.xcconfig; path = Flutter/Debug.xcconfig; sourceTree = ""; }; 43 | 9740EEB31CF90195004384FC /* Generated.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Generated.xcconfig; path = Flutter/Generated.xcconfig; sourceTree = ""; }; 44 | 97C146EE1CF9000F007C117D /* Runner.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = Runner.app; sourceTree = BUILT_PRODUCTS_DIR; }; 45 | 97C146FB1CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = ""; }; 46 | 97C146FD1CF9000F007C117D /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = ""; }; 47 | 97C147001CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = ""; }; 48 | 97C147021CF9000F007C117D /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 49 | E902AF6CEA7FD139999AC26E /* Pods-Runner.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.debug.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"; sourceTree = ""; }; 50 | /* End PBXFileReference section */ 51 | 52 | /* Begin PBXFrameworksBuildPhase section */ 53 | 97C146EB1CF9000F007C117D /* Frameworks */ = { 54 | isa = PBXFrameworksBuildPhase; 55 | buildActionMask = 2147483647; 56 | files = ( 57 | 1145ED89F78C60191C8A8402 /* Pods_Runner.framework in Frameworks */, 58 | ); 59 | runOnlyForDeploymentPostprocessing = 0; 60 | }; 61 | /* End PBXFrameworksBuildPhase section */ 62 | 63 | /* Begin PBXGroup section */ 64 | 24046FEE1320E157EA77A619 /* Frameworks */ = { 65 | isa = PBXGroup; 66 | children = ( 67 | 0CF53D67BA283EBF2D61EF91 /* Pods_Runner.framework */, 68 | ); 69 | name = Frameworks; 70 | sourceTree = ""; 71 | }; 72 | 9740EEB11CF90186004384FC /* Flutter */ = { 73 | isa = PBXGroup; 74 | children = ( 75 | 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */, 76 | 9740EEB21CF90195004384FC /* Debug.xcconfig */, 77 | 7AFA3C8E1D35360C0083082E /* Release.xcconfig */, 78 | 9740EEB31CF90195004384FC /* Generated.xcconfig */, 79 | ); 80 | name = Flutter; 81 | sourceTree = ""; 82 | }; 83 | 97C146E51CF9000F007C117D = { 84 | isa = PBXGroup; 85 | children = ( 86 | 9740EEB11CF90186004384FC /* Flutter */, 87 | 97C146F01CF9000F007C117D /* Runner */, 88 | 97C146EF1CF9000F007C117D /* Products */, 89 | C4103D10D93B21A9385E335B /* Pods */, 90 | 24046FEE1320E157EA77A619 /* Frameworks */, 91 | ); 92 | sourceTree = ""; 93 | }; 94 | 97C146EF1CF9000F007C117D /* Products */ = { 95 | isa = PBXGroup; 96 | children = ( 97 | 97C146EE1CF9000F007C117D /* Runner.app */, 98 | ); 99 | name = Products; 100 | sourceTree = ""; 101 | }; 102 | 97C146F01CF9000F007C117D /* Runner */ = { 103 | isa = PBXGroup; 104 | children = ( 105 | 97C146FA1CF9000F007C117D /* Main.storyboard */, 106 | 97C146FD1CF9000F007C117D /* Assets.xcassets */, 107 | 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */, 108 | 97C147021CF9000F007C117D /* Info.plist */, 109 | 1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */, 110 | 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */, 111 | 74858FAE1ED2DC5600515810 /* AppDelegate.swift */, 112 | 74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */, 113 | ); 114 | path = Runner; 115 | sourceTree = ""; 116 | }; 117 | C4103D10D93B21A9385E335B /* Pods */ = { 118 | isa = PBXGroup; 119 | children = ( 120 | E902AF6CEA7FD139999AC26E /* Pods-Runner.debug.xcconfig */, 121 | 90FA10F008AFFDCD620188E8 /* Pods-Runner.release.xcconfig */, 122 | 07B6D201C1819A60BC854DA5 /* Pods-Runner.profile.xcconfig */, 123 | ); 124 | name = Pods; 125 | path = Pods; 126 | sourceTree = ""; 127 | }; 128 | /* End PBXGroup section */ 129 | 130 | /* Begin PBXNativeTarget section */ 131 | 97C146ED1CF9000F007C117D /* Runner */ = { 132 | isa = PBXNativeTarget; 133 | buildConfigurationList = 97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */; 134 | buildPhases = ( 135 | E4EC894D676C467CF0BF3C16 /* [CP] Check Pods Manifest.lock */, 136 | 9740EEB61CF901F6004384FC /* Run Script */, 137 | 97C146EA1CF9000F007C117D /* Sources */, 138 | 97C146EB1CF9000F007C117D /* Frameworks */, 139 | 97C146EC1CF9000F007C117D /* Resources */, 140 | 9705A1C41CF9048500538489 /* Embed Frameworks */, 141 | 3B06AD1E1E4923F5004D2608 /* Thin Binary */, 142 | C874E457EE76B8A86FEC8040 /* [CP] Embed Pods Frameworks */, 143 | ); 144 | buildRules = ( 145 | ); 146 | dependencies = ( 147 | ); 148 | name = Runner; 149 | productName = Runner; 150 | productReference = 97C146EE1CF9000F007C117D /* Runner.app */; 151 | productType = "com.apple.product-type.application"; 152 | }; 153 | /* End PBXNativeTarget section */ 154 | 155 | /* Begin PBXProject section */ 156 | 97C146E61CF9000F007C117D /* Project object */ = { 157 | isa = PBXProject; 158 | attributes = { 159 | LastUpgradeCheck = 1020; 160 | ORGANIZATIONNAME = ""; 161 | TargetAttributes = { 162 | 97C146ED1CF9000F007C117D = { 163 | CreatedOnToolsVersion = 7.3.1; 164 | LastSwiftMigration = 1100; 165 | }; 166 | }; 167 | }; 168 | buildConfigurationList = 97C146E91CF9000F007C117D /* Build configuration list for PBXProject "Runner" */; 169 | compatibilityVersion = "Xcode 9.3"; 170 | developmentRegion = en; 171 | hasScannedForEncodings = 0; 172 | knownRegions = ( 173 | en, 174 | Base, 175 | ); 176 | mainGroup = 97C146E51CF9000F007C117D; 177 | productRefGroup = 97C146EF1CF9000F007C117D /* Products */; 178 | projectDirPath = ""; 179 | projectRoot = ""; 180 | targets = ( 181 | 97C146ED1CF9000F007C117D /* Runner */, 182 | ); 183 | }; 184 | /* End PBXProject section */ 185 | 186 | /* Begin PBXResourcesBuildPhase section */ 187 | 97C146EC1CF9000F007C117D /* Resources */ = { 188 | isa = PBXResourcesBuildPhase; 189 | buildActionMask = 2147483647; 190 | files = ( 191 | 97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */, 192 | 3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */, 193 | 97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */, 194 | 97C146FC1CF9000F007C117D /* Main.storyboard in Resources */, 195 | ); 196 | runOnlyForDeploymentPostprocessing = 0; 197 | }; 198 | /* End PBXResourcesBuildPhase section */ 199 | 200 | /* Begin PBXShellScriptBuildPhase section */ 201 | 3B06AD1E1E4923F5004D2608 /* Thin Binary */ = { 202 | isa = PBXShellScriptBuildPhase; 203 | buildActionMask = 2147483647; 204 | files = ( 205 | ); 206 | inputPaths = ( 207 | ); 208 | name = "Thin Binary"; 209 | outputPaths = ( 210 | ); 211 | runOnlyForDeploymentPostprocessing = 0; 212 | shellPath = /bin/sh; 213 | shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" embed_and_thin"; 214 | }; 215 | 9740EEB61CF901F6004384FC /* Run Script */ = { 216 | isa = PBXShellScriptBuildPhase; 217 | buildActionMask = 2147483647; 218 | files = ( 219 | ); 220 | inputPaths = ( 221 | ); 222 | name = "Run Script"; 223 | outputPaths = ( 224 | ); 225 | runOnlyForDeploymentPostprocessing = 0; 226 | shellPath = /bin/sh; 227 | shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" build"; 228 | }; 229 | C874E457EE76B8A86FEC8040 /* [CP] Embed Pods Frameworks */ = { 230 | isa = PBXShellScriptBuildPhase; 231 | buildActionMask = 2147483647; 232 | files = ( 233 | ); 234 | inputPaths = ( 235 | "${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks.sh", 236 | "${BUILT_PRODUCTS_DIR}/FMDB/FMDB.framework", 237 | "${PODS_ROOT}/../Flutter/Flutter.framework", 238 | "${BUILT_PRODUCTS_DIR}/path_provider/path_provider.framework", 239 | "${BUILT_PRODUCTS_DIR}/sqflite/sqflite.framework", 240 | ); 241 | name = "[CP] Embed Pods Frameworks"; 242 | outputPaths = ( 243 | "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/FMDB.framework", 244 | "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/Flutter.framework", 245 | "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/path_provider.framework", 246 | "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/sqflite.framework", 247 | ); 248 | runOnlyForDeploymentPostprocessing = 0; 249 | shellPath = /bin/sh; 250 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks.sh\"\n"; 251 | showEnvVarsInLog = 0; 252 | }; 253 | E4EC894D676C467CF0BF3C16 /* [CP] Check Pods Manifest.lock */ = { 254 | isa = PBXShellScriptBuildPhase; 255 | buildActionMask = 2147483647; 256 | files = ( 257 | ); 258 | inputFileListPaths = ( 259 | ); 260 | inputPaths = ( 261 | "${PODS_PODFILE_DIR_PATH}/Podfile.lock", 262 | "${PODS_ROOT}/Manifest.lock", 263 | ); 264 | name = "[CP] Check Pods Manifest.lock"; 265 | outputFileListPaths = ( 266 | ); 267 | outputPaths = ( 268 | "$(DERIVED_FILE_DIR)/Pods-Runner-checkManifestLockResult.txt", 269 | ); 270 | runOnlyForDeploymentPostprocessing = 0; 271 | shellPath = /bin/sh; 272 | shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n"; 273 | showEnvVarsInLog = 0; 274 | }; 275 | /* End PBXShellScriptBuildPhase section */ 276 | 277 | /* Begin PBXSourcesBuildPhase section */ 278 | 97C146EA1CF9000F007C117D /* Sources */ = { 279 | isa = PBXSourcesBuildPhase; 280 | buildActionMask = 2147483647; 281 | files = ( 282 | 74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */, 283 | 1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */, 284 | ); 285 | runOnlyForDeploymentPostprocessing = 0; 286 | }; 287 | /* End PBXSourcesBuildPhase section */ 288 | 289 | /* Begin PBXVariantGroup section */ 290 | 97C146FA1CF9000F007C117D /* Main.storyboard */ = { 291 | isa = PBXVariantGroup; 292 | children = ( 293 | 97C146FB1CF9000F007C117D /* Base */, 294 | ); 295 | name = Main.storyboard; 296 | sourceTree = ""; 297 | }; 298 | 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */ = { 299 | isa = PBXVariantGroup; 300 | children = ( 301 | 97C147001CF9000F007C117D /* Base */, 302 | ); 303 | name = LaunchScreen.storyboard; 304 | sourceTree = ""; 305 | }; 306 | /* End PBXVariantGroup section */ 307 | 308 | /* Begin XCBuildConfiguration section */ 309 | 249021D3217E4FDB00AE95B9 /* Profile */ = { 310 | isa = XCBuildConfiguration; 311 | buildSettings = { 312 | ALWAYS_SEARCH_USER_PATHS = NO; 313 | CLANG_ANALYZER_NONNULL = YES; 314 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 315 | CLANG_CXX_LIBRARY = "libc++"; 316 | CLANG_ENABLE_MODULES = YES; 317 | CLANG_ENABLE_OBJC_ARC = YES; 318 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 319 | CLANG_WARN_BOOL_CONVERSION = YES; 320 | CLANG_WARN_COMMA = YES; 321 | CLANG_WARN_CONSTANT_CONVERSION = YES; 322 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 323 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 324 | CLANG_WARN_EMPTY_BODY = YES; 325 | CLANG_WARN_ENUM_CONVERSION = YES; 326 | CLANG_WARN_INFINITE_RECURSION = YES; 327 | CLANG_WARN_INT_CONVERSION = YES; 328 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 329 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 330 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 331 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 332 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 333 | CLANG_WARN_STRICT_PROTOTYPES = YES; 334 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 335 | CLANG_WARN_UNREACHABLE_CODE = YES; 336 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 337 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 338 | COPY_PHASE_STRIP = NO; 339 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 340 | ENABLE_NS_ASSERTIONS = NO; 341 | ENABLE_STRICT_OBJC_MSGSEND = YES; 342 | GCC_C_LANGUAGE_STANDARD = gnu99; 343 | GCC_NO_COMMON_BLOCKS = YES; 344 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 345 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 346 | GCC_WARN_UNDECLARED_SELECTOR = YES; 347 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 348 | GCC_WARN_UNUSED_FUNCTION = YES; 349 | GCC_WARN_UNUSED_VARIABLE = YES; 350 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 351 | MTL_ENABLE_DEBUG_INFO = NO; 352 | SDKROOT = iphoneos; 353 | SUPPORTED_PLATFORMS = iphoneos; 354 | TARGETED_DEVICE_FAMILY = "1,2"; 355 | VALIDATE_PRODUCT = YES; 356 | }; 357 | name = Profile; 358 | }; 359 | 249021D4217E4FDB00AE95B9 /* Profile */ = { 360 | isa = XCBuildConfiguration; 361 | baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */; 362 | buildSettings = { 363 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 364 | CLANG_ENABLE_MODULES = YES; 365 | CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)"; 366 | ENABLE_BITCODE = NO; 367 | FRAMEWORK_SEARCH_PATHS = ( 368 | "$(inherited)", 369 | "$(PROJECT_DIR)/Flutter", 370 | ); 371 | INFOPLIST_FILE = Runner/Info.plist; 372 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 373 | LIBRARY_SEARCH_PATHS = ( 374 | "$(inherited)", 375 | "$(PROJECT_DIR)/Flutter", 376 | ); 377 | PRODUCT_BUNDLE_IDENTIFIER = com.example.flutterFacebookResponsiveUi; 378 | PRODUCT_NAME = "$(TARGET_NAME)"; 379 | SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h"; 380 | SWIFT_VERSION = 5.0; 381 | VERSIONING_SYSTEM = "apple-generic"; 382 | }; 383 | name = Profile; 384 | }; 385 | 97C147031CF9000F007C117D /* Debug */ = { 386 | isa = XCBuildConfiguration; 387 | buildSettings = { 388 | ALWAYS_SEARCH_USER_PATHS = NO; 389 | CLANG_ANALYZER_NONNULL = YES; 390 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 391 | CLANG_CXX_LIBRARY = "libc++"; 392 | CLANG_ENABLE_MODULES = YES; 393 | CLANG_ENABLE_OBJC_ARC = YES; 394 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 395 | CLANG_WARN_BOOL_CONVERSION = YES; 396 | CLANG_WARN_COMMA = YES; 397 | CLANG_WARN_CONSTANT_CONVERSION = YES; 398 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 399 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 400 | CLANG_WARN_EMPTY_BODY = YES; 401 | CLANG_WARN_ENUM_CONVERSION = YES; 402 | CLANG_WARN_INFINITE_RECURSION = YES; 403 | CLANG_WARN_INT_CONVERSION = YES; 404 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 405 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 406 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 407 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 408 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 409 | CLANG_WARN_STRICT_PROTOTYPES = YES; 410 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 411 | CLANG_WARN_UNREACHABLE_CODE = YES; 412 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 413 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 414 | COPY_PHASE_STRIP = NO; 415 | DEBUG_INFORMATION_FORMAT = dwarf; 416 | ENABLE_STRICT_OBJC_MSGSEND = YES; 417 | ENABLE_TESTABILITY = YES; 418 | GCC_C_LANGUAGE_STANDARD = gnu99; 419 | GCC_DYNAMIC_NO_PIC = NO; 420 | GCC_NO_COMMON_BLOCKS = YES; 421 | GCC_OPTIMIZATION_LEVEL = 0; 422 | GCC_PREPROCESSOR_DEFINITIONS = ( 423 | "DEBUG=1", 424 | "$(inherited)", 425 | ); 426 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 427 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 428 | GCC_WARN_UNDECLARED_SELECTOR = YES; 429 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 430 | GCC_WARN_UNUSED_FUNCTION = YES; 431 | GCC_WARN_UNUSED_VARIABLE = YES; 432 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 433 | MTL_ENABLE_DEBUG_INFO = YES; 434 | ONLY_ACTIVE_ARCH = YES; 435 | SDKROOT = iphoneos; 436 | TARGETED_DEVICE_FAMILY = "1,2"; 437 | }; 438 | name = Debug; 439 | }; 440 | 97C147041CF9000F007C117D /* Release */ = { 441 | isa = XCBuildConfiguration; 442 | buildSettings = { 443 | ALWAYS_SEARCH_USER_PATHS = NO; 444 | CLANG_ANALYZER_NONNULL = YES; 445 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 446 | CLANG_CXX_LIBRARY = "libc++"; 447 | CLANG_ENABLE_MODULES = YES; 448 | CLANG_ENABLE_OBJC_ARC = YES; 449 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 450 | CLANG_WARN_BOOL_CONVERSION = YES; 451 | CLANG_WARN_COMMA = YES; 452 | CLANG_WARN_CONSTANT_CONVERSION = YES; 453 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 454 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 455 | CLANG_WARN_EMPTY_BODY = YES; 456 | CLANG_WARN_ENUM_CONVERSION = YES; 457 | CLANG_WARN_INFINITE_RECURSION = YES; 458 | CLANG_WARN_INT_CONVERSION = YES; 459 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 460 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 461 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 462 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 463 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 464 | CLANG_WARN_STRICT_PROTOTYPES = YES; 465 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 466 | CLANG_WARN_UNREACHABLE_CODE = YES; 467 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 468 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 469 | COPY_PHASE_STRIP = NO; 470 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 471 | ENABLE_NS_ASSERTIONS = NO; 472 | ENABLE_STRICT_OBJC_MSGSEND = YES; 473 | GCC_C_LANGUAGE_STANDARD = gnu99; 474 | GCC_NO_COMMON_BLOCKS = YES; 475 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 476 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 477 | GCC_WARN_UNDECLARED_SELECTOR = YES; 478 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 479 | GCC_WARN_UNUSED_FUNCTION = YES; 480 | GCC_WARN_UNUSED_VARIABLE = YES; 481 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 482 | MTL_ENABLE_DEBUG_INFO = NO; 483 | SDKROOT = iphoneos; 484 | SUPPORTED_PLATFORMS = iphoneos; 485 | SWIFT_OPTIMIZATION_LEVEL = "-Owholemodule"; 486 | TARGETED_DEVICE_FAMILY = "1,2"; 487 | VALIDATE_PRODUCT = YES; 488 | }; 489 | name = Release; 490 | }; 491 | 97C147061CF9000F007C117D /* Debug */ = { 492 | isa = XCBuildConfiguration; 493 | baseConfigurationReference = 9740EEB21CF90195004384FC /* Debug.xcconfig */; 494 | buildSettings = { 495 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 496 | CLANG_ENABLE_MODULES = YES; 497 | CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)"; 498 | ENABLE_BITCODE = NO; 499 | FRAMEWORK_SEARCH_PATHS = ( 500 | "$(inherited)", 501 | "$(PROJECT_DIR)/Flutter", 502 | ); 503 | INFOPLIST_FILE = Runner/Info.plist; 504 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 505 | LIBRARY_SEARCH_PATHS = ( 506 | "$(inherited)", 507 | "$(PROJECT_DIR)/Flutter", 508 | ); 509 | PRODUCT_BUNDLE_IDENTIFIER = com.example.flutterFacebookResponsiveUi; 510 | PRODUCT_NAME = "$(TARGET_NAME)"; 511 | SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h"; 512 | SWIFT_OPTIMIZATION_LEVEL = "-Onone"; 513 | SWIFT_VERSION = 5.0; 514 | VERSIONING_SYSTEM = "apple-generic"; 515 | }; 516 | name = Debug; 517 | }; 518 | 97C147071CF9000F007C117D /* Release */ = { 519 | isa = XCBuildConfiguration; 520 | baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */; 521 | buildSettings = { 522 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 523 | CLANG_ENABLE_MODULES = YES; 524 | CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)"; 525 | ENABLE_BITCODE = NO; 526 | FRAMEWORK_SEARCH_PATHS = ( 527 | "$(inherited)", 528 | "$(PROJECT_DIR)/Flutter", 529 | ); 530 | INFOPLIST_FILE = Runner/Info.plist; 531 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 532 | LIBRARY_SEARCH_PATHS = ( 533 | "$(inherited)", 534 | "$(PROJECT_DIR)/Flutter", 535 | ); 536 | PRODUCT_BUNDLE_IDENTIFIER = com.example.flutterFacebookResponsiveUi; 537 | PRODUCT_NAME = "$(TARGET_NAME)"; 538 | SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h"; 539 | SWIFT_VERSION = 5.0; 540 | VERSIONING_SYSTEM = "apple-generic"; 541 | }; 542 | name = Release; 543 | }; 544 | /* End XCBuildConfiguration section */ 545 | 546 | /* Begin XCConfigurationList section */ 547 | 97C146E91CF9000F007C117D /* Build configuration list for PBXProject "Runner" */ = { 548 | isa = XCConfigurationList; 549 | buildConfigurations = ( 550 | 97C147031CF9000F007C117D /* Debug */, 551 | 97C147041CF9000F007C117D /* Release */, 552 | 249021D3217E4FDB00AE95B9 /* Profile */, 553 | ); 554 | defaultConfigurationIsVisible = 0; 555 | defaultConfigurationName = Release; 556 | }; 557 | 97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */ = { 558 | isa = XCConfigurationList; 559 | buildConfigurations = ( 560 | 97C147061CF9000F007C117D /* Debug */, 561 | 97C147071CF9000F007C117D /* Release */, 562 | 249021D4217E4FDB00AE95B9 /* Profile */, 563 | ); 564 | defaultConfigurationIsVisible = 0; 565 | defaultConfigurationName = Release; 566 | }; 567 | /* End XCConfigurationList section */ 568 | }; 569 | rootObject = 97C146E61CF9000F007C117D /* Project object */; 570 | } 571 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | PreviewsEnabled 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 24 | 25 | 30 | 31 | 32 | 33 | 39 | 40 | 41 | 42 | 43 | 44 | 54 | 56 | 62 | 63 | 64 | 65 | 66 | 67 | 73 | 75 | 81 | 82 | 83 | 84 | 86 | 87 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /ios/Runner.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /ios/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /ios/Runner.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | PreviewsEnabled 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /ios/Runner/AppDelegate.swift: -------------------------------------------------------------------------------- 1 | import UIKit 2 | import Flutter 3 | 4 | @UIApplicationMain 5 | @objc class AppDelegate: FlutterAppDelegate { 6 | override func application( 7 | _ application: UIApplication, 8 | didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? 9 | ) -> Bool { 10 | GeneratedPluginRegistrant.register(with: self) 11 | return super.application(application, didFinishLaunchingWithOptions: launchOptions) 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "size" : "20x20", 5 | "idiom" : "iphone", 6 | "filename" : "Icon-App-20x20@2x.png", 7 | "scale" : "2x" 8 | }, 9 | { 10 | "size" : "20x20", 11 | "idiom" : "iphone", 12 | "filename" : "Icon-App-20x20@3x.png", 13 | "scale" : "3x" 14 | }, 15 | { 16 | "size" : "29x29", 17 | "idiom" : "iphone", 18 | "filename" : "Icon-App-29x29@1x.png", 19 | "scale" : "1x" 20 | }, 21 | { 22 | "size" : "29x29", 23 | "idiom" : "iphone", 24 | "filename" : "Icon-App-29x29@2x.png", 25 | "scale" : "2x" 26 | }, 27 | { 28 | "size" : "29x29", 29 | "idiom" : "iphone", 30 | "filename" : "Icon-App-29x29@3x.png", 31 | "scale" : "3x" 32 | }, 33 | { 34 | "size" : "40x40", 35 | "idiom" : "iphone", 36 | "filename" : "Icon-App-40x40@2x.png", 37 | "scale" : "2x" 38 | }, 39 | { 40 | "size" : "40x40", 41 | "idiom" : "iphone", 42 | "filename" : "Icon-App-40x40@3x.png", 43 | "scale" : "3x" 44 | }, 45 | { 46 | "size" : "60x60", 47 | "idiom" : "iphone", 48 | "filename" : "Icon-App-60x60@2x.png", 49 | "scale" : "2x" 50 | }, 51 | { 52 | "size" : "60x60", 53 | "idiom" : "iphone", 54 | "filename" : "Icon-App-60x60@3x.png", 55 | "scale" : "3x" 56 | }, 57 | { 58 | "size" : "20x20", 59 | "idiom" : "ipad", 60 | "filename" : "Icon-App-20x20@1x.png", 61 | "scale" : "1x" 62 | }, 63 | { 64 | "size" : "20x20", 65 | "idiom" : "ipad", 66 | "filename" : "Icon-App-20x20@2x.png", 67 | "scale" : "2x" 68 | }, 69 | { 70 | "size" : "29x29", 71 | "idiom" : "ipad", 72 | "filename" : "Icon-App-29x29@1x.png", 73 | "scale" : "1x" 74 | }, 75 | { 76 | "size" : "29x29", 77 | "idiom" : "ipad", 78 | "filename" : "Icon-App-29x29@2x.png", 79 | "scale" : "2x" 80 | }, 81 | { 82 | "size" : "40x40", 83 | "idiom" : "ipad", 84 | "filename" : "Icon-App-40x40@1x.png", 85 | "scale" : "1x" 86 | }, 87 | { 88 | "size" : "40x40", 89 | "idiom" : "ipad", 90 | "filename" : "Icon-App-40x40@2x.png", 91 | "scale" : "2x" 92 | }, 93 | { 94 | "size" : "76x76", 95 | "idiom" : "ipad", 96 | "filename" : "Icon-App-76x76@1x.png", 97 | "scale" : "1x" 98 | }, 99 | { 100 | "size" : "76x76", 101 | "idiom" : "ipad", 102 | "filename" : "Icon-App-76x76@2x.png", 103 | "scale" : "2x" 104 | }, 105 | { 106 | "size" : "83.5x83.5", 107 | "idiom" : "ipad", 108 | "filename" : "Icon-App-83.5x83.5@2x.png", 109 | "scale" : "2x" 110 | }, 111 | { 112 | "size" : "1024x1024", 113 | "idiom" : "ios-marketing", 114 | "filename" : "Icon-App-1024x1024@1x.png", 115 | "scale" : "1x" 116 | } 117 | ], 118 | "info" : { 119 | "version" : 1, 120 | "author" : "xcode" 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "universal", 5 | "filename" : "LaunchImage.png", 6 | "scale" : "1x" 7 | }, 8 | { 9 | "idiom" : "universal", 10 | "filename" : "LaunchImage@2x.png", 11 | "scale" : "2x" 12 | }, 13 | { 14 | "idiom" : "universal", 15 | "filename" : "LaunchImage@3x.png", 16 | "scale" : "3x" 17 | } 18 | ], 19 | "info" : { 20 | "version" : 1, 21 | "author" : "xcode" 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/README.md: -------------------------------------------------------------------------------- 1 | # Launch Screen Assets 2 | 3 | You can customize the launch screen with your own desired assets by replacing the image files in this directory. 4 | 5 | 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. -------------------------------------------------------------------------------- /ios/Runner/Base.lproj/LaunchScreen.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /ios/Runner/Base.lproj/Main.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /ios/Runner/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | $(DEVELOPMENT_LANGUAGE) 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | $(PRODUCT_BUNDLE_IDENTIFIER) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | flutter_facebook_responsive_ui 15 | CFBundlePackageType 16 | APPL 17 | CFBundleShortVersionString 18 | $(FLUTTER_BUILD_NAME) 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | $(FLUTTER_BUILD_NUMBER) 23 | LSRequiresIPhoneOS 24 | 25 | UILaunchStoryboardName 26 | LaunchScreen 27 | UIMainStoryboardFile 28 | Main 29 | UISupportedInterfaceOrientations 30 | 31 | UIInterfaceOrientationPortrait 32 | UIInterfaceOrientationLandscapeLeft 33 | UIInterfaceOrientationLandscapeRight 34 | 35 | UISupportedInterfaceOrientations~ipad 36 | 37 | UIInterfaceOrientationPortrait 38 | UIInterfaceOrientationPortraitUpsideDown 39 | UIInterfaceOrientationLandscapeLeft 40 | UIInterfaceOrientationLandscapeRight 41 | 42 | UIViewControllerBasedStatusBarAppearance 43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /ios/Runner/Runner-Bridging-Header.h: -------------------------------------------------------------------------------- 1 | #import "GeneratedPluginRegistrant.h" 2 | -------------------------------------------------------------------------------- /lib/config/palette.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | class Palette { 4 | static const Color scaffold = Color(0xFFF0F2F5); 5 | 6 | static const Color facebookBlue = Color(0xFF1777F2); 7 | 8 | static const LinearGradient createRoomGradient = LinearGradient( 9 | colors: [Color(0xFF496AE1), Color(0xFFCE48B1)], 10 | ); 11 | 12 | static const Color online = Color(0xFF4BCB1F); 13 | 14 | static const LinearGradient storyGradient = LinearGradient( 15 | begin: Alignment.topCenter, 16 | end: Alignment.bottomCenter, 17 | colors: [Colors.transparent, Colors.black26], 18 | ); 19 | } 20 | -------------------------------------------------------------------------------- /lib/data/data.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter_facebook_responsive_ui/models/models.dart'; 2 | 3 | final User currentUser = User( 4 | name: 'Marcus Ng', 5 | imageUrl: 6 | 'https://images.unsplash.com/photo-1578133671540-edad0b3d689e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1351&q=80', 7 | ); 8 | 9 | final List onlineUsers = [ 10 | User( 11 | name: 'David Brooks', 12 | imageUrl: 13 | 'https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80', 14 | ), 15 | User( 16 | name: 'Jane Doe', 17 | imageUrl: 18 | 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80', 19 | ), 20 | User( 21 | name: 'Matthew Hinkle', 22 | imageUrl: 23 | 'https://images.unsplash.com/photo-1492562080023-ab3db95bfbce?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1331&q=80', 24 | ), 25 | User( 26 | name: 'Amy Smith', 27 | imageUrl: 28 | 'https://images.unsplash.com/photo-1534528741775-53994a69daeb?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=700&q=80', 29 | ), 30 | User( 31 | name: 'Ed Morris', 32 | imageUrl: 33 | 'https://images.unsplash.com/photo-1521119989659-a83eee488004?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=664&q=80', 34 | ), 35 | User( 36 | name: 'Carolyn Duncan', 37 | imageUrl: 38 | 'https://images.unsplash.com/photo-1544005313-94ddf0286df2?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80', 39 | ), 40 | User( 41 | name: 'Paul Pinnock', 42 | imageUrl: 43 | 'https://images.unsplash.com/photo-1519631128182-433895475ffe?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80', 44 | ), 45 | User( 46 | name: 'Elizabeth Wong', 47 | imageUrl: 48 | 'https://images.unsplash.com/photo-1515077678510-ce3bdf418862?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjF9&auto=format&fit=crop&w=675&q=80'), 49 | User( 50 | name: 'James Lathrop', 51 | imageUrl: 52 | 'https://images.unsplash.com/photo-1528892952291-009c663ce843?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=592&q=80', 53 | ), 54 | User( 55 | name: 'Jessie Samson', 56 | imageUrl: 57 | 'https://images.unsplash.com/photo-1517841905240-472988babdf9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80', 58 | ), 59 | User( 60 | name: 'David Brooks', 61 | imageUrl: 62 | 'https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80', 63 | ), 64 | User( 65 | name: 'Jane Doe', 66 | imageUrl: 67 | 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80', 68 | ), 69 | User( 70 | name: 'Matthew Hinkle', 71 | imageUrl: 72 | 'https://images.unsplash.com/photo-1492562080023-ab3db95bfbce?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1331&q=80', 73 | ), 74 | User( 75 | name: 'Amy Smith', 76 | imageUrl: 77 | 'https://images.unsplash.com/photo-1534528741775-53994a69daeb?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=700&q=80', 78 | ), 79 | User( 80 | name: 'Ed Morris', 81 | imageUrl: 82 | 'https://images.unsplash.com/photo-1521119989659-a83eee488004?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=664&q=80', 83 | ), 84 | User( 85 | name: 'Carolyn Duncan', 86 | imageUrl: 87 | 'https://images.unsplash.com/photo-1544005313-94ddf0286df2?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80', 88 | ), 89 | User( 90 | name: 'Paul Pinnock', 91 | imageUrl: 92 | 'https://images.unsplash.com/photo-1519631128182-433895475ffe?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80', 93 | ), 94 | User( 95 | name: 'Elizabeth Wong', 96 | imageUrl: 97 | 'https://images.unsplash.com/photo-1515077678510-ce3bdf418862?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjF9&auto=format&fit=crop&w=675&q=80'), 98 | User( 99 | name: 'James Lathrop', 100 | imageUrl: 101 | 'https://images.unsplash.com/photo-1528892952291-009c663ce843?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=592&q=80', 102 | ), 103 | User( 104 | name: 'Jessie Samson', 105 | imageUrl: 106 | 'https://images.unsplash.com/photo-1517841905240-472988babdf9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80', 107 | ), 108 | ]; 109 | 110 | final List stories = [ 111 | Story( 112 | user: onlineUsers[2], 113 | imageUrl: 114 | 'https://images.unsplash.com/photo-1498307833015-e7b400441eb8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1400&q=80', 115 | ), 116 | Story( 117 | user: onlineUsers[6], 118 | imageUrl: 119 | 'https://images.unsplash.com/photo-1499363536502-87642509e31b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80', 120 | isViewed: true, 121 | ), 122 | Story( 123 | user: onlineUsers[3], 124 | imageUrl: 125 | 'https://images.unsplash.com/photo-1497262693247-aa258f96c4f5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=624&q=80', 126 | ), 127 | Story( 128 | user: onlineUsers[9], 129 | imageUrl: 130 | 'https://images.unsplash.com/photo-1496950866446-3253e1470e8e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80', 131 | isViewed: true, 132 | ), 133 | Story( 134 | user: onlineUsers[7], 135 | imageUrl: 136 | 'https://images.unsplash.com/photo-1475688621402-4257c812d6db?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1267&q=80', 137 | ), 138 | Story( 139 | user: onlineUsers[2], 140 | imageUrl: 141 | 'https://images.unsplash.com/photo-1498307833015-e7b400441eb8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1400&q=80', 142 | ), 143 | Story( 144 | user: onlineUsers[6], 145 | imageUrl: 146 | 'https://images.unsplash.com/photo-1499363536502-87642509e31b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80', 147 | isViewed: true, 148 | ), 149 | Story( 150 | user: onlineUsers[3], 151 | imageUrl: 152 | 'https://images.unsplash.com/photo-1497262693247-aa258f96c4f5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=624&q=80', 153 | ), 154 | Story( 155 | user: onlineUsers[9], 156 | imageUrl: 157 | 'https://images.unsplash.com/photo-1496950866446-3253e1470e8e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80', 158 | isViewed: true, 159 | ), 160 | Story( 161 | user: onlineUsers[7], 162 | imageUrl: 163 | 'https://images.unsplash.com/photo-1475688621402-4257c812d6db?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1267&q=80', 164 | ), 165 | ]; 166 | 167 | final List posts = [ 168 | Post( 169 | user: currentUser, 170 | caption: 'Check out these cool puppers', 171 | timeAgo: '58m', 172 | imageUrl: 'https://images.unsplash.com/photo-1525253086316-d0c936c814f8', 173 | likes: 1202, 174 | comments: 184, 175 | shares: 96, 176 | ), 177 | Post( 178 | user: onlineUsers[5], 179 | caption: 180 | 'Please enjoy this placeholder text: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', 181 | timeAgo: '3hr', 182 | imageUrl: null, 183 | likes: 683, 184 | comments: 79, 185 | shares: 18, 186 | ), 187 | Post( 188 | user: onlineUsers[4], 189 | caption: 'This is a very good boi.', 190 | timeAgo: '8hr', 191 | imageUrl: 192 | 'https://images.unsplash.com/photo-1575535468632-345892291673?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80', 193 | likes: 894, 194 | comments: 201, 195 | shares: 27, 196 | ), 197 | Post( 198 | user: onlineUsers[3], 199 | caption: 'Adventure 🏔', 200 | timeAgo: '15hr', 201 | imageUrl: 202 | 'https://images.unsplash.com/photo-1573331519317-30b24326bb9a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80', 203 | likes: 722, 204 | comments: 183, 205 | shares: 42, 206 | ), 207 | Post( 208 | user: onlineUsers[0], 209 | caption: 210 | 'More placeholder text for the soul: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', 211 | timeAgo: '1d', 212 | imageUrl: null, 213 | likes: 482, 214 | comments: 37, 215 | shares: 9, 216 | ), 217 | Post( 218 | user: onlineUsers[9], 219 | caption: 'A classic.', 220 | timeAgo: '1d', 221 | imageUrl: 222 | 'https://images.unsplash.com/reserve/OlxPGKgRUaX0E1hg3b3X_Dumbo.JPG?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80', 223 | likes: 1523, 224 | shares: 129, 225 | comments: 301, 226 | ) 227 | ]; 228 | -------------------------------------------------------------------------------- /lib/main.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_facebook_responsive_ui/config/palette.dart'; 3 | import 'package:flutter_facebook_responsive_ui/screens/screens.dart'; 4 | 5 | void main() { 6 | runApp(MyApp()); 7 | } 8 | 9 | class MyApp extends StatelessWidget { 10 | @override 11 | Widget build(BuildContext context) { 12 | return MaterialApp( 13 | title: 'Flutter Facebook UI', 14 | debugShowCheckedModeBanner: false, 15 | theme: ThemeData( 16 | primarySwatch: Colors.blue, 17 | visualDensity: VisualDensity.adaptivePlatformDensity, 18 | scaffoldBackgroundColor: Palette.scaffold, 19 | ), 20 | home: NavScreen(), 21 | ); 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /lib/models/models.dart: -------------------------------------------------------------------------------- 1 | export 'user_model.dart'; 2 | export 'story_model.dart'; 3 | export 'post_model.dart'; 4 | -------------------------------------------------------------------------------- /lib/models/post_model.dart: -------------------------------------------------------------------------------- 1 | import 'package:meta/meta.dart'; 2 | import 'package:flutter_facebook_responsive_ui/models/models.dart'; 3 | 4 | class Post { 5 | final User user; 6 | final String caption; 7 | final String timeAgo; 8 | final String imageUrl; 9 | final int likes; 10 | final int comments; 11 | final int shares; 12 | 13 | const Post({ 14 | @required this.user, 15 | @required this.caption, 16 | @required this.timeAgo, 17 | @required this.imageUrl, 18 | @required this.likes, 19 | @required this.comments, 20 | @required this.shares, 21 | }); 22 | } 23 | -------------------------------------------------------------------------------- /lib/models/story_model.dart: -------------------------------------------------------------------------------- 1 | import 'package:meta/meta.dart'; 2 | import 'package:flutter_facebook_responsive_ui/models/models.dart'; 3 | 4 | class Story { 5 | final User user; 6 | final String imageUrl; 7 | final bool isViewed; 8 | 9 | const Story({ 10 | @required this.user, 11 | @required this.imageUrl, 12 | this.isViewed = false, 13 | }); 14 | } 15 | -------------------------------------------------------------------------------- /lib/models/user_model.dart: -------------------------------------------------------------------------------- 1 | import 'package:meta/meta.dart'; 2 | 3 | class User { 4 | final String name; 5 | final String imageUrl; 6 | 7 | const User({ 8 | @required this.name, 9 | @required this.imageUrl, 10 | }); 11 | } 12 | -------------------------------------------------------------------------------- /lib/screens/home_screen.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_facebook_responsive_ui/config/palette.dart'; 3 | import 'package:flutter_facebook_responsive_ui/data/data.dart'; 4 | import 'package:flutter_facebook_responsive_ui/models/models.dart'; 5 | import 'package:flutter_facebook_responsive_ui/widgets/widgets.dart'; 6 | import 'package:material_design_icons_flutter/material_design_icons_flutter.dart'; 7 | 8 | class HomeScreen extends StatefulWidget { 9 | @override 10 | _HomeScreenState createState() => _HomeScreenState(); 11 | } 12 | 13 | class _HomeScreenState extends State { 14 | final TrackingScrollController _trackingScrollController = 15 | TrackingScrollController(); 16 | 17 | @override 18 | void dispose() { 19 | _trackingScrollController.dispose(); 20 | super.dispose(); 21 | } 22 | 23 | @override 24 | Widget build(BuildContext context) { 25 | return GestureDetector( 26 | onTap: () => FocusScope.of(context).unfocus(), 27 | child: Scaffold( 28 | body: Responsive( 29 | mobile: 30 | _HomeScreenMobile(scrollController: _trackingScrollController), 31 | desktop: 32 | _HomeScreenDesktop(scrollController: _trackingScrollController), 33 | ), 34 | ), 35 | ); 36 | } 37 | } 38 | 39 | class _HomeScreenMobile extends StatelessWidget { 40 | final TrackingScrollController scrollController; 41 | 42 | const _HomeScreenMobile({ 43 | Key key, 44 | @required this.scrollController, 45 | }) : super(key: key); 46 | 47 | @override 48 | Widget build(BuildContext context) { 49 | return CustomScrollView( 50 | controller: scrollController, 51 | slivers: [ 52 | SliverAppBar( 53 | brightness: Brightness.light, 54 | backgroundColor: Colors.white, 55 | title: Text( 56 | 'facebook', 57 | style: const TextStyle( 58 | color: Palette.facebookBlue, 59 | fontSize: 28.0, 60 | fontWeight: FontWeight.bold, 61 | letterSpacing: -1.2, 62 | ), 63 | ), 64 | centerTitle: false, 65 | floating: true, 66 | actions: [ 67 | CircleButton( 68 | icon: Icons.search, 69 | iconSize: 30.0, 70 | onPressed: () => print('Search'), 71 | ), 72 | CircleButton( 73 | icon: MdiIcons.facebookMessenger, 74 | iconSize: 30.0, 75 | onPressed: () => print('Messenger'), 76 | ), 77 | ], 78 | ), 79 | SliverToBoxAdapter( 80 | child: CreatePostContainer(currentUser: currentUser), 81 | ), 82 | SliverPadding( 83 | padding: const EdgeInsets.fromLTRB(0.0, 10.0, 0.0, 5.0), 84 | sliver: SliverToBoxAdapter( 85 | child: Rooms(onlineUsers: onlineUsers), 86 | ), 87 | ), 88 | SliverPadding( 89 | padding: const EdgeInsets.fromLTRB(0.0, 5.0, 0.0, 5.0), 90 | sliver: SliverToBoxAdapter( 91 | child: Stories( 92 | currentUser: currentUser, 93 | stories: stories, 94 | ), 95 | ), 96 | ), 97 | SliverList( 98 | delegate: SliverChildBuilderDelegate( 99 | (context, index) { 100 | final Post post = posts[index]; 101 | return PostContainer(post: post); 102 | }, 103 | childCount: posts.length, 104 | ), 105 | ), 106 | ], 107 | ); 108 | } 109 | } 110 | 111 | class _HomeScreenDesktop extends StatelessWidget { 112 | final TrackingScrollController scrollController; 113 | 114 | const _HomeScreenDesktop({ 115 | Key key, 116 | @required this.scrollController, 117 | }) : super(key: key); 118 | 119 | @override 120 | Widget build(BuildContext context) { 121 | return Row( 122 | children: [ 123 | Flexible( 124 | flex: 2, 125 | child: Align( 126 | alignment: Alignment.centerLeft, 127 | child: Padding( 128 | padding: const EdgeInsets.all(12.0), 129 | child: MoreOptionsList(currentUser: currentUser), 130 | ), 131 | ), 132 | ), 133 | const Spacer(), 134 | Container( 135 | width: 600.0, 136 | child: CustomScrollView( 137 | controller: scrollController, 138 | slivers: [ 139 | SliverPadding( 140 | padding: const EdgeInsets.fromLTRB(0.0, 20.0, 0.0, 10.0), 141 | sliver: SliverToBoxAdapter( 142 | child: Stories( 143 | currentUser: currentUser, 144 | stories: stories, 145 | ), 146 | ), 147 | ), 148 | SliverToBoxAdapter( 149 | child: CreatePostContainer(currentUser: currentUser), 150 | ), 151 | SliverPadding( 152 | padding: const EdgeInsets.fromLTRB(0.0, 10.0, 0.0, 5.0), 153 | sliver: SliverToBoxAdapter( 154 | child: Rooms(onlineUsers: onlineUsers), 155 | ), 156 | ), 157 | SliverList( 158 | delegate: SliverChildBuilderDelegate( 159 | (context, index) { 160 | final Post post = posts[index]; 161 | return PostContainer(post: post); 162 | }, 163 | childCount: posts.length, 164 | ), 165 | ), 166 | ], 167 | ), 168 | ), 169 | const Spacer(), 170 | Flexible( 171 | flex: 2, 172 | child: Align( 173 | alignment: Alignment.centerRight, 174 | child: Padding( 175 | padding: const EdgeInsets.all(12.0), 176 | child: ContactsList(users: onlineUsers), 177 | ), 178 | ), 179 | ), 180 | ], 181 | ); 182 | } 183 | } 184 | -------------------------------------------------------------------------------- /lib/screens/nav_screen.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_facebook_responsive_ui/data/data.dart'; 3 | import 'package:flutter_facebook_responsive_ui/screens/screens.dart'; 4 | import 'package:flutter_facebook_responsive_ui/widgets/widgets.dart'; 5 | import 'package:material_design_icons_flutter/material_design_icons_flutter.dart'; 6 | 7 | class NavScreen extends StatefulWidget { 8 | @override 9 | _NavScreenState createState() => _NavScreenState(); 10 | } 11 | 12 | class _NavScreenState extends State { 13 | final List _screens = [ 14 | HomeScreen(), 15 | Scaffold(), 16 | Scaffold(), 17 | Scaffold(), 18 | Scaffold(), 19 | Scaffold(), 20 | ]; 21 | final List _icons = const [ 22 | Icons.home, 23 | Icons.ondemand_video, 24 | MdiIcons.accountCircleOutline, 25 | MdiIcons.accountGroupOutline, 26 | MdiIcons.bellOutline, 27 | Icons.menu, 28 | ]; 29 | int _selectedIndex = 0; 30 | 31 | @override 32 | Widget build(BuildContext context) { 33 | final Size screenSize = MediaQuery.of(context).size; 34 | return DefaultTabController( 35 | length: _icons.length, 36 | child: Scaffold( 37 | appBar: Responsive.isDesktop(context) 38 | ? PreferredSize( 39 | preferredSize: Size(screenSize.width, 100.0), 40 | child: CustomAppBar( 41 | currentUser: currentUser, 42 | icons: _icons, 43 | selectedIndex: _selectedIndex, 44 | onTap: (index) => setState(() => _selectedIndex = index), 45 | ), 46 | ) 47 | : null, 48 | body: IndexedStack( 49 | index: _selectedIndex, 50 | children: _screens, 51 | ), 52 | bottomNavigationBar: !Responsive.isDesktop(context) 53 | ? Container( 54 | padding: const EdgeInsets.only(bottom: 12.0), 55 | color: Colors.white, 56 | child: CustomTabBar( 57 | icons: _icons, 58 | selectedIndex: _selectedIndex, 59 | onTap: (index) => setState(() => _selectedIndex = index), 60 | ), 61 | ) 62 | : const SizedBox.shrink(), 63 | ), 64 | ); 65 | } 66 | } 67 | -------------------------------------------------------------------------------- /lib/screens/screens.dart: -------------------------------------------------------------------------------- 1 | export 'home_screen.dart'; 2 | export 'nav_screen.dart'; 3 | -------------------------------------------------------------------------------- /lib/widgets/circle_button.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | class CircleButton extends StatelessWidget { 4 | final IconData icon; 5 | final double iconSize; 6 | final Function onPressed; 7 | 8 | const CircleButton({ 9 | Key key, 10 | @required this.icon, 11 | @required this.iconSize, 12 | @required this.onPressed, 13 | }) : super(key: key); 14 | 15 | @override 16 | Widget build(BuildContext context) { 17 | return Container( 18 | margin: const EdgeInsets.all(6.0), 19 | decoration: BoxDecoration( 20 | color: Colors.grey[200], 21 | shape: BoxShape.circle, 22 | ), 23 | child: IconButton( 24 | icon: Icon(icon), 25 | iconSize: iconSize, 26 | color: Colors.black, 27 | onPressed: onPressed, 28 | ), 29 | ); 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /lib/widgets/contacts_list.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_facebook_responsive_ui/models/models.dart'; 3 | import 'package:flutter_facebook_responsive_ui/widgets/widgets.dart'; 4 | 5 | class ContactsList extends StatelessWidget { 6 | final List users; 7 | 8 | const ContactsList({ 9 | Key key, 10 | @required this.users, 11 | }) : super(key: key); 12 | 13 | @override 14 | Widget build(BuildContext context) { 15 | return Container( 16 | constraints: BoxConstraints(maxWidth: 280.0), 17 | child: Column( 18 | children: [ 19 | Row( 20 | children: [ 21 | Expanded( 22 | child: Text( 23 | 'Contacts', 24 | style: TextStyle( 25 | color: Colors.grey[600], 26 | fontSize: 18.0, 27 | fontWeight: FontWeight.w500, 28 | ), 29 | ), 30 | ), 31 | Icon( 32 | Icons.search, 33 | color: Colors.grey[600], 34 | ), 35 | const SizedBox(width: 8.0), 36 | Icon( 37 | Icons.more_horiz, 38 | color: Colors.grey[600], 39 | ), 40 | ], 41 | ), 42 | Expanded( 43 | child: ListView.builder( 44 | padding: const EdgeInsets.symmetric(vertical: 10.0), 45 | itemCount: users.length, 46 | itemBuilder: (BuildContext context, int index) { 47 | final User user = users[index]; 48 | return Padding( 49 | padding: const EdgeInsets.symmetric(vertical: 8.0), 50 | child: UserCard(user: user), 51 | ); 52 | }, 53 | ), 54 | ), 55 | ], 56 | ), 57 | ); 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /lib/widgets/create_post_container.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_facebook_responsive_ui/models/models.dart'; 3 | import 'package:flutter_facebook_responsive_ui/widgets/widgets.dart'; 4 | 5 | class CreatePostContainer extends StatelessWidget { 6 | final User currentUser; 7 | 8 | const CreatePostContainer({ 9 | Key key, 10 | @required this.currentUser, 11 | }) : super(key: key); 12 | 13 | @override 14 | Widget build(BuildContext context) { 15 | final bool isDesktop = Responsive.isDesktop(context); 16 | return Card( 17 | margin: EdgeInsets.symmetric(horizontal: isDesktop ? 5.0 : 0.0), 18 | elevation: isDesktop ? 1.0 : 0.0, 19 | shape: isDesktop 20 | ? RoundedRectangleBorder(borderRadius: BorderRadius.circular(10.0)) 21 | : null, 22 | child: Container( 23 | padding: const EdgeInsets.fromLTRB(12.0, 8.0, 12.0, 0.0), 24 | color: Colors.white, 25 | child: Column( 26 | children: [ 27 | Row( 28 | children: [ 29 | ProfileAvatar(imageUrl: currentUser.imageUrl), 30 | const SizedBox(width: 8.0), 31 | Expanded( 32 | child: TextField( 33 | decoration: InputDecoration.collapsed( 34 | hintText: 'What\'s on your mind?', 35 | ), 36 | ), 37 | ) 38 | ], 39 | ), 40 | const Divider(height: 10.0, thickness: 0.5), 41 | Container( 42 | height: 40.0, 43 | child: Row( 44 | mainAxisAlignment: MainAxisAlignment.spaceEvenly, 45 | children: [ 46 | FlatButton.icon( 47 | onPressed: () => print('Live'), 48 | icon: const Icon( 49 | Icons.videocam, 50 | color: Colors.red, 51 | ), 52 | label: Text('Live'), 53 | ), 54 | const VerticalDivider(width: 8.0), 55 | FlatButton.icon( 56 | onPressed: () => print('Photo'), 57 | icon: const Icon( 58 | Icons.photo_library, 59 | color: Colors.green, 60 | ), 61 | label: Text('Photo'), 62 | ), 63 | const VerticalDivider(width: 8.0), 64 | FlatButton.icon( 65 | onPressed: () => print('Room'), 66 | icon: const Icon( 67 | Icons.video_call, 68 | color: Colors.purpleAccent, 69 | ), 70 | label: Text('Room'), 71 | ), 72 | ], 73 | ), 74 | ), 75 | ], 76 | ), 77 | ), 78 | ); 79 | } 80 | } 81 | -------------------------------------------------------------------------------- /lib/widgets/custom_app_bar.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_facebook_responsive_ui/config/palette.dart'; 3 | import 'package:flutter_facebook_responsive_ui/models/models.dart'; 4 | import 'package:flutter_facebook_responsive_ui/widgets/widgets.dart'; 5 | import 'package:material_design_icons_flutter/material_design_icons_flutter.dart'; 6 | 7 | class CustomAppBar extends StatelessWidget { 8 | final User currentUser; 9 | final List icons; 10 | final int selectedIndex; 11 | final Function(int) onTap; 12 | 13 | const CustomAppBar({ 14 | Key key, 15 | @required this.currentUser, 16 | @required this.icons, 17 | @required this.selectedIndex, 18 | @required this.onTap, 19 | }) : super(key: key); 20 | 21 | @override 22 | Widget build(BuildContext context) { 23 | return Container( 24 | padding: const EdgeInsets.symmetric(horizontal: 20.0), 25 | height: 65.0, 26 | decoration: BoxDecoration( 27 | color: Colors.white, 28 | boxShadow: const [ 29 | BoxShadow( 30 | color: Colors.black12, 31 | offset: Offset(0, 2), 32 | blurRadius: 4.0, 33 | ), 34 | ], 35 | ), 36 | child: Row( 37 | mainAxisAlignment: MainAxisAlignment.spaceBetween, 38 | children: [ 39 | Expanded( 40 | child: Text( 41 | 'facebook', 42 | style: const TextStyle( 43 | color: Palette.facebookBlue, 44 | fontSize: 32.0, 45 | fontWeight: FontWeight.bold, 46 | letterSpacing: -1.2, 47 | ), 48 | ), 49 | ), 50 | Container( 51 | height: double.infinity, 52 | width: 600.0, 53 | child: CustomTabBar( 54 | icons: icons, 55 | selectedIndex: selectedIndex, 56 | onTap: onTap, 57 | isBottomIndicator: true, 58 | ), 59 | ), 60 | Expanded( 61 | child: Row( 62 | mainAxisAlignment: MainAxisAlignment.end, 63 | children: [ 64 | UserCard(user: currentUser), 65 | const SizedBox(width: 12.0), 66 | CircleButton( 67 | icon: Icons.search, 68 | iconSize: 30.0, 69 | onPressed: () => print('Search'), 70 | ), 71 | CircleButton( 72 | icon: MdiIcons.facebookMessenger, 73 | iconSize: 30.0, 74 | onPressed: () => print('Messenger'), 75 | ), 76 | ], 77 | ), 78 | ), 79 | ], 80 | ), 81 | ); 82 | } 83 | } 84 | -------------------------------------------------------------------------------- /lib/widgets/custom_tab_bar.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_facebook_responsive_ui/config/palette.dart'; 3 | 4 | class CustomTabBar extends StatelessWidget { 5 | final List icons; 6 | final int selectedIndex; 7 | final Function(int) onTap; 8 | final bool isBottomIndicator; 9 | 10 | const CustomTabBar({ 11 | Key key, 12 | @required this.icons, 13 | @required this.selectedIndex, 14 | @required this.onTap, 15 | this.isBottomIndicator = false, 16 | }) : super(key: key); 17 | 18 | @override 19 | Widget build(BuildContext context) { 20 | return TabBar( 21 | indicatorPadding: EdgeInsets.zero, 22 | indicator: BoxDecoration( 23 | border: isBottomIndicator 24 | ? Border( 25 | bottom: BorderSide( 26 | color: Palette.facebookBlue, 27 | width: 3.0, 28 | ), 29 | ) 30 | : Border( 31 | top: BorderSide( 32 | color: Palette.facebookBlue, 33 | width: 3.0, 34 | ), 35 | ), 36 | ), 37 | tabs: icons 38 | .asMap() 39 | .map((i, e) => MapEntry( 40 | i, 41 | Tab( 42 | icon: Icon( 43 | e, 44 | color: i == selectedIndex 45 | ? Palette.facebookBlue 46 | : Colors.black45, 47 | size: 30.0, 48 | ), 49 | ), 50 | )) 51 | .values 52 | .toList(), 53 | onTap: onTap, 54 | ); 55 | } 56 | } 57 | -------------------------------------------------------------------------------- /lib/widgets/more_options_list.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_facebook_responsive_ui/config/palette.dart'; 3 | import 'package:flutter_facebook_responsive_ui/models/models.dart'; 4 | import 'package:flutter_facebook_responsive_ui/widgets/widgets.dart'; 5 | import 'package:material_design_icons_flutter/material_design_icons_flutter.dart'; 6 | 7 | class MoreOptionsList extends StatelessWidget { 8 | final List _moreOptionsList = const [ 9 | [MdiIcons.shieldAccount, Colors.deepPurple, 'COVID-19 Info Center'], 10 | [MdiIcons.accountMultiple, Colors.cyan, 'Friends'], 11 | [MdiIcons.facebookMessenger, Palette.facebookBlue, 'Messenger'], 12 | [MdiIcons.flag, Colors.orange, 'Pages'], 13 | [MdiIcons.storefront, Palette.facebookBlue, 'Marketplace'], 14 | [Icons.ondemand_video, Palette.facebookBlue, 'Watch'], 15 | [MdiIcons.calendarStar, Colors.red, 'Events'], 16 | ]; 17 | 18 | final User currentUser; 19 | 20 | const MoreOptionsList({ 21 | Key key, 22 | @required this.currentUser, 23 | }) : super(key: key); 24 | 25 | @override 26 | Widget build(BuildContext context) { 27 | return Container( 28 | constraints: BoxConstraints(maxWidth: 280.0), 29 | child: ListView.builder( 30 | itemCount: 1 + _moreOptionsList.length, 31 | itemBuilder: (BuildContext context, int index) { 32 | if (index == 0) { 33 | return Padding( 34 | padding: const EdgeInsets.symmetric(vertical: 8.0), 35 | child: UserCard(user: currentUser), 36 | ); 37 | } 38 | final List option = _moreOptionsList[index - 1]; 39 | return Padding( 40 | padding: const EdgeInsets.symmetric(vertical: 8.0), 41 | child: _Option( 42 | icon: option[0], 43 | color: option[1], 44 | label: option[2], 45 | ), 46 | ); 47 | }, 48 | ), 49 | ); 50 | } 51 | } 52 | 53 | class _Option extends StatelessWidget { 54 | final IconData icon; 55 | final Color color; 56 | final String label; 57 | 58 | const _Option({ 59 | Key key, 60 | @required this.icon, 61 | @required this.color, 62 | @required this.label, 63 | }) : super(key: key); 64 | 65 | @override 66 | Widget build(BuildContext context) { 67 | return InkWell( 68 | onTap: () => print(label), 69 | child: Row( 70 | children: [ 71 | Icon(icon, size: 38.0, color: color), 72 | const SizedBox(width: 6.0), 73 | Flexible( 74 | child: Text( 75 | label, 76 | style: const TextStyle(fontSize: 16.0), 77 | overflow: TextOverflow.ellipsis, 78 | ), 79 | ), 80 | ], 81 | ), 82 | ); 83 | } 84 | } 85 | -------------------------------------------------------------------------------- /lib/widgets/post_container.dart: -------------------------------------------------------------------------------- 1 | import 'package:cached_network_image/cached_network_image.dart'; 2 | import 'package:flutter/material.dart'; 3 | import 'package:flutter_facebook_responsive_ui/config/palette.dart'; 4 | import 'package:flutter_facebook_responsive_ui/models/models.dart'; 5 | import 'package:flutter_facebook_responsive_ui/widgets/widgets.dart'; 6 | import 'package:material_design_icons_flutter/material_design_icons_flutter.dart'; 7 | 8 | class PostContainer extends StatelessWidget { 9 | final Post post; 10 | 11 | const PostContainer({ 12 | Key key, 13 | @required this.post, 14 | }) : super(key: key); 15 | 16 | @override 17 | Widget build(BuildContext context) { 18 | final bool isDesktop = Responsive.isDesktop(context); 19 | return Card( 20 | margin: EdgeInsets.symmetric( 21 | vertical: 5.0, 22 | horizontal: isDesktop ? 5.0 : 0.0, 23 | ), 24 | elevation: isDesktop ? 1.0 : 0.0, 25 | shape: isDesktop 26 | ? RoundedRectangleBorder(borderRadius: BorderRadius.circular(10.0)) 27 | : null, 28 | child: Container( 29 | padding: const EdgeInsets.symmetric(vertical: 8.0), 30 | color: Colors.white, 31 | child: Column( 32 | children: [ 33 | Padding( 34 | padding: const EdgeInsets.symmetric(horizontal: 12.0), 35 | child: Column( 36 | crossAxisAlignment: CrossAxisAlignment.stretch, 37 | children: [ 38 | _PostHeader(post: post), 39 | const SizedBox(height: 4.0), 40 | Text(post.caption), 41 | post.imageUrl != null 42 | ? const SizedBox.shrink() 43 | : const SizedBox(height: 6.0), 44 | ], 45 | ), 46 | ), 47 | post.imageUrl != null 48 | ? Padding( 49 | padding: const EdgeInsets.symmetric(vertical: 8.0), 50 | child: CachedNetworkImage(imageUrl: post.imageUrl), 51 | ) 52 | : const SizedBox.shrink(), 53 | Padding( 54 | padding: const EdgeInsets.symmetric(horizontal: 12.0), 55 | child: _PostStats(post: post), 56 | ), 57 | ], 58 | ), 59 | ), 60 | ); 61 | } 62 | } 63 | 64 | class _PostHeader extends StatelessWidget { 65 | final Post post; 66 | 67 | const _PostHeader({ 68 | Key key, 69 | @required this.post, 70 | }) : super(key: key); 71 | 72 | @override 73 | Widget build(BuildContext context) { 74 | return Row( 75 | children: [ 76 | ProfileAvatar(imageUrl: post.user.imageUrl), 77 | const SizedBox(width: 8.0), 78 | Expanded( 79 | child: Column( 80 | crossAxisAlignment: CrossAxisAlignment.start, 81 | children: [ 82 | Text( 83 | post.user.name, 84 | style: const TextStyle( 85 | fontWeight: FontWeight.w600, 86 | ), 87 | ), 88 | Row( 89 | children: [ 90 | Text( 91 | '${post.timeAgo} • ', 92 | style: TextStyle( 93 | color: Colors.grey[600], 94 | fontSize: 12.0, 95 | ), 96 | ), 97 | Icon( 98 | Icons.public, 99 | color: Colors.grey[600], 100 | size: 12.0, 101 | ) 102 | ], 103 | ), 104 | ], 105 | ), 106 | ), 107 | IconButton( 108 | icon: const Icon(Icons.more_horiz), 109 | onPressed: () => print('More'), 110 | ), 111 | ], 112 | ); 113 | } 114 | } 115 | 116 | class _PostStats extends StatelessWidget { 117 | final Post post; 118 | 119 | const _PostStats({ 120 | Key key, 121 | @required this.post, 122 | }) : super(key: key); 123 | 124 | @override 125 | Widget build(BuildContext context) { 126 | return Column( 127 | children: [ 128 | Row( 129 | children: [ 130 | Container( 131 | padding: const EdgeInsets.all(4.0), 132 | decoration: BoxDecoration( 133 | color: Palette.facebookBlue, 134 | shape: BoxShape.circle, 135 | ), 136 | child: const Icon( 137 | Icons.thumb_up, 138 | size: 10.0, 139 | color: Colors.white, 140 | ), 141 | ), 142 | const SizedBox(width: 4.0), 143 | Expanded( 144 | child: Text( 145 | '${post.likes}', 146 | style: TextStyle( 147 | color: Colors.grey[600], 148 | ), 149 | ), 150 | ), 151 | Text( 152 | '${post.comments} Comments', 153 | style: TextStyle( 154 | color: Colors.grey[600], 155 | ), 156 | ), 157 | const SizedBox(width: 8.0), 158 | Text( 159 | '${post.shares} Shares', 160 | style: TextStyle( 161 | color: Colors.grey[600], 162 | ), 163 | ) 164 | ], 165 | ), 166 | const Divider(), 167 | Row( 168 | children: [ 169 | _PostButton( 170 | icon: Icon( 171 | MdiIcons.thumbUpOutline, 172 | color: Colors.grey[600], 173 | size: 20.0, 174 | ), 175 | label: 'Like', 176 | onTap: () => print('Like'), 177 | ), 178 | _PostButton( 179 | icon: Icon( 180 | MdiIcons.commentOutline, 181 | color: Colors.grey[600], 182 | size: 20.0, 183 | ), 184 | label: 'Comment', 185 | onTap: () => print('Comment'), 186 | ), 187 | _PostButton( 188 | icon: Icon( 189 | MdiIcons.shareOutline, 190 | color: Colors.grey[600], 191 | size: 25.0, 192 | ), 193 | label: 'Share', 194 | onTap: () => print('Share'), 195 | ) 196 | ], 197 | ), 198 | ], 199 | ); 200 | } 201 | } 202 | 203 | class _PostButton extends StatelessWidget { 204 | final Icon icon; 205 | final String label; 206 | final Function onTap; 207 | 208 | const _PostButton({ 209 | Key key, 210 | @required this.icon, 211 | @required this.label, 212 | @required this.onTap, 213 | }) : super(key: key); 214 | 215 | @override 216 | Widget build(BuildContext context) { 217 | return Expanded( 218 | child: Material( 219 | color: Colors.white, 220 | child: InkWell( 221 | onTap: onTap, 222 | child: Container( 223 | padding: const EdgeInsets.symmetric(horizontal: 12.0), 224 | height: 25.0, 225 | child: Row( 226 | mainAxisAlignment: MainAxisAlignment.center, 227 | children: [ 228 | icon, 229 | const SizedBox(width: 4.0), 230 | Text(label), 231 | ], 232 | ), 233 | ), 234 | ), 235 | ), 236 | ); 237 | } 238 | } 239 | -------------------------------------------------------------------------------- /lib/widgets/profile_avatar.dart: -------------------------------------------------------------------------------- 1 | import 'package:cached_network_image/cached_network_image.dart'; 2 | import 'package:flutter/material.dart'; 3 | import 'package:flutter_facebook_responsive_ui/config/palette.dart'; 4 | 5 | class ProfileAvatar extends StatelessWidget { 6 | final String imageUrl; 7 | final bool isActive; 8 | final bool hasBorder; 9 | 10 | const ProfileAvatar({ 11 | Key key, 12 | @required this.imageUrl, 13 | this.isActive = false, 14 | this.hasBorder = false, 15 | }) : super(key: key); 16 | 17 | @override 18 | Widget build(BuildContext context) { 19 | return Stack( 20 | children: [ 21 | CircleAvatar( 22 | radius: 20.0, 23 | backgroundColor: Palette.facebookBlue, 24 | child: CircleAvatar( 25 | radius: hasBorder ? 17.0 : 20.0, 26 | backgroundColor: Colors.grey[200], 27 | backgroundImage: CachedNetworkImageProvider(imageUrl), 28 | ), 29 | ), 30 | isActive 31 | ? Positioned( 32 | bottom: 0.0, 33 | right: 0.0, 34 | child: Container( 35 | height: 15.0, 36 | width: 15.0, 37 | decoration: BoxDecoration( 38 | color: Palette.online, 39 | shape: BoxShape.circle, 40 | border: Border.all( 41 | width: 2.0, 42 | color: Colors.white, 43 | ), 44 | ), 45 | ), 46 | ) 47 | : const SizedBox.shrink(), 48 | ], 49 | ); 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /lib/widgets/responsive.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | class Responsive extends StatelessWidget { 4 | final Widget mobile; 5 | final Widget tablet; 6 | final Widget desktop; 7 | 8 | const Responsive({ 9 | Key key, 10 | @required this.mobile, 11 | this.tablet, 12 | @required this.desktop, 13 | }) : super(key: key); 14 | 15 | static bool isMobile(BuildContext context) => 16 | MediaQuery.of(context).size.width < 800; 17 | 18 | static bool isTablet(BuildContext context) => 19 | MediaQuery.of(context).size.width >= 800 && 20 | MediaQuery.of(context).size.width < 1200; 21 | 22 | static bool isDesktop(BuildContext context) => 23 | MediaQuery.of(context).size.width >= 1200; 24 | 25 | @override 26 | Widget build(BuildContext context) { 27 | return LayoutBuilder( 28 | builder: (context, constraints) { 29 | if (constraints.maxWidth >= 1200) { 30 | return desktop; 31 | } else if (constraints.maxWidth >= 800) { 32 | return tablet ?? mobile; 33 | } else { 34 | return mobile; 35 | } 36 | }, 37 | ); 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /lib/widgets/rooms.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_facebook_responsive_ui/config/palette.dart'; 3 | import 'package:flutter_facebook_responsive_ui/models/models.dart'; 4 | import 'package:flutter_facebook_responsive_ui/widgets/widgets.dart'; 5 | 6 | class Rooms extends StatelessWidget { 7 | final List onlineUsers; 8 | 9 | const Rooms({ 10 | Key key, 11 | @required this.onlineUsers, 12 | }) : super(key: key); 13 | 14 | @override 15 | Widget build(BuildContext context) { 16 | final bool isDesktop = Responsive.isDesktop(context); 17 | return Card( 18 | margin: EdgeInsets.symmetric(horizontal: isDesktop ? 5.0 : 0.0), 19 | elevation: isDesktop ? 1.0 : 0.0, 20 | shape: isDesktop 21 | ? RoundedRectangleBorder(borderRadius: BorderRadius.circular(10.0)) 22 | : null, 23 | child: Container( 24 | height: 60.0, 25 | color: Colors.white, 26 | child: ListView.builder( 27 | padding: const EdgeInsets.symmetric( 28 | vertical: 10.0, 29 | horizontal: 4.0, 30 | ), 31 | scrollDirection: Axis.horizontal, 32 | itemCount: 1 + onlineUsers.length, 33 | itemBuilder: (BuildContext context, int index) { 34 | if (index == 0) { 35 | return Padding( 36 | padding: const EdgeInsets.symmetric(horizontal: 8.0), 37 | child: _CreateRoomButton(), 38 | ); 39 | } 40 | final User user = onlineUsers[index - 1]; 41 | return Padding( 42 | padding: const EdgeInsets.symmetric(horizontal: 8.0), 43 | child: ProfileAvatar( 44 | imageUrl: user.imageUrl, 45 | isActive: true, 46 | ), 47 | ); 48 | }, 49 | ), 50 | ), 51 | ); 52 | } 53 | } 54 | 55 | class _CreateRoomButton extends StatelessWidget { 56 | @override 57 | Widget build(BuildContext context) { 58 | return OutlineButton( 59 | onPressed: () => print('Create Room'), 60 | shape: RoundedRectangleBorder( 61 | borderRadius: BorderRadius.circular(30.0), 62 | ), 63 | color: Colors.white, 64 | borderSide: BorderSide( 65 | width: 3.0, 66 | color: Colors.blueAccent[100], 67 | ), 68 | textColor: Palette.facebookBlue, 69 | child: Row( 70 | children: [ 71 | // ShaderMask( 72 | // shaderCallback: (rect) => 73 | // Palette.createRoomGradient.createShader(rect), 74 | // child: Icon( 75 | // Icons.video_call, 76 | // size: 35.0, 77 | // color: Colors.white, 78 | // ), 79 | // ), 80 | Icon( 81 | Icons.video_call, 82 | size: 35.0, 83 | color: Colors.purple, 84 | ), 85 | const SizedBox(width: 4.0), 86 | Text('Create\nRoom'), 87 | ], 88 | ), 89 | ); 90 | } 91 | } 92 | -------------------------------------------------------------------------------- /lib/widgets/stories.dart: -------------------------------------------------------------------------------- 1 | import 'package:cached_network_image/cached_network_image.dart'; 2 | import 'package:flutter/material.dart'; 3 | import 'package:flutter_facebook_responsive_ui/config/palette.dart'; 4 | import 'package:flutter_facebook_responsive_ui/models/models.dart'; 5 | import 'package:flutter_facebook_responsive_ui/widgets/widgets.dart'; 6 | 7 | class Stories extends StatelessWidget { 8 | final User currentUser; 9 | final List stories; 10 | 11 | const Stories({ 12 | Key key, 13 | @required this.currentUser, 14 | @required this.stories, 15 | }) : super(key: key); 16 | 17 | @override 18 | Widget build(BuildContext context) { 19 | return Container( 20 | height: 200.0, 21 | color: Responsive.isDesktop(context) ? Colors.transparent : Colors.white, 22 | child: ListView.builder( 23 | padding: const EdgeInsets.symmetric( 24 | vertical: 10.0, 25 | horizontal: 8.0, 26 | ), 27 | scrollDirection: Axis.horizontal, 28 | itemCount: 1 + stories.length, 29 | itemBuilder: (BuildContext context, int index) { 30 | if (index == 0) { 31 | return Padding( 32 | padding: const EdgeInsets.symmetric(horizontal: 4.0), 33 | child: _StoryCard( 34 | isAddStory: true, 35 | currentUser: currentUser, 36 | ), 37 | ); 38 | } 39 | final Story story = stories[index - 1]; 40 | return Padding( 41 | padding: const EdgeInsets.symmetric(horizontal: 4.0), 42 | child: _StoryCard(story: story), 43 | ); 44 | }, 45 | ), 46 | ); 47 | } 48 | } 49 | 50 | class _StoryCard extends StatelessWidget { 51 | final bool isAddStory; 52 | final User currentUser; 53 | final Story story; 54 | 55 | const _StoryCard({ 56 | Key key, 57 | this.isAddStory = false, 58 | this.currentUser, 59 | this.story, 60 | }) : super(key: key); 61 | 62 | @override 63 | Widget build(BuildContext context) { 64 | return Stack( 65 | children: [ 66 | ClipRRect( 67 | borderRadius: BorderRadius.circular(12.0), 68 | child: CachedNetworkImage( 69 | imageUrl: isAddStory ? currentUser.imageUrl : story.imageUrl, 70 | height: double.infinity, 71 | width: 110.0, 72 | fit: BoxFit.cover, 73 | ), 74 | ), 75 | Container( 76 | height: double.infinity, 77 | width: 110.0, 78 | decoration: BoxDecoration( 79 | gradient: Palette.storyGradient, 80 | borderRadius: BorderRadius.circular(12.0), 81 | boxShadow: Responsive.isDesktop(context) 82 | ? const [ 83 | BoxShadow( 84 | color: Colors.black26, 85 | offset: Offset(0, 2), 86 | blurRadius: 4.0, 87 | ), 88 | ] 89 | : null, 90 | ), 91 | ), 92 | Positioned( 93 | top: 8.0, 94 | left: 8.0, 95 | child: isAddStory 96 | ? Container( 97 | height: 40.0, 98 | width: 40.0, 99 | decoration: BoxDecoration( 100 | color: Colors.white, 101 | shape: BoxShape.circle, 102 | ), 103 | child: IconButton( 104 | padding: EdgeInsets.zero, 105 | icon: const Icon(Icons.add), 106 | iconSize: 30.0, 107 | color: Palette.facebookBlue, 108 | onPressed: () => print('Add to Story'), 109 | ), 110 | ) 111 | : ProfileAvatar( 112 | imageUrl: story.user.imageUrl, 113 | hasBorder: !story.isViewed, 114 | ), 115 | ), 116 | Positioned( 117 | bottom: 8.0, 118 | left: 8.0, 119 | right: 8.0, 120 | child: Text( 121 | isAddStory ? 'Add to Story' : story.user.name, 122 | style: const TextStyle( 123 | color: Colors.white, 124 | fontWeight: FontWeight.bold, 125 | ), 126 | maxLines: 2, 127 | overflow: TextOverflow.ellipsis, 128 | ), 129 | ), 130 | ], 131 | ); 132 | } 133 | } 134 | -------------------------------------------------------------------------------- /lib/widgets/user_card.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_facebook_responsive_ui/models/models.dart'; 3 | import 'package:flutter_facebook_responsive_ui/widgets/widgets.dart'; 4 | 5 | class UserCard extends StatelessWidget { 6 | final User user; 7 | 8 | const UserCard({ 9 | Key key, 10 | @required this.user, 11 | }) : super(key: key); 12 | 13 | @override 14 | Widget build(BuildContext context) { 15 | return InkWell( 16 | onTap: () {}, 17 | child: Row( 18 | mainAxisSize: MainAxisSize.min, 19 | children: [ 20 | ProfileAvatar(imageUrl: user.imageUrl), 21 | const SizedBox(width: 6.0), 22 | Flexible( 23 | child: Text( 24 | user.name, 25 | style: const TextStyle(fontSize: 16.0), 26 | overflow: TextOverflow.ellipsis, 27 | ), 28 | ), 29 | ], 30 | ), 31 | ); 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /lib/widgets/widgets.dart: -------------------------------------------------------------------------------- 1 | export 'circle_button.dart'; 2 | export 'create_post_container.dart'; 3 | export 'rooms.dart'; 4 | export 'profile_avatar.dart'; 5 | export 'stories.dart'; 6 | export 'post_container.dart'; 7 | export 'custom_tab_bar.dart'; 8 | export 'responsive.dart'; 9 | export 'custom_app_bar.dart'; 10 | export 'user_card.dart'; 11 | export 'contacts_list.dart'; 12 | export 'more_options_list.dart'; 13 | -------------------------------------------------------------------------------- /pubspec.lock: -------------------------------------------------------------------------------- 1 | # Generated by pub 2 | # See https://dart.dev/tools/pub/glossary#lockfile 3 | packages: 4 | async: 5 | dependency: transitive 6 | description: 7 | name: async 8 | url: "https://pub.dartlang.org" 9 | source: hosted 10 | version: "2.4.2" 11 | boolean_selector: 12 | dependency: transitive 13 | description: 14 | name: boolean_selector 15 | url: "https://pub.dartlang.org" 16 | source: hosted 17 | version: "2.0.0" 18 | cached_network_image: 19 | dependency: "direct main" 20 | description: 21 | name: cached_network_image 22 | url: "https://pub.dartlang.org" 23 | source: hosted 24 | version: "2.2.0+1" 25 | characters: 26 | dependency: transitive 27 | description: 28 | name: characters 29 | url: "https://pub.dartlang.org" 30 | source: hosted 31 | version: "1.0.0" 32 | charcode: 33 | dependency: transitive 34 | description: 35 | name: charcode 36 | url: "https://pub.dartlang.org" 37 | source: hosted 38 | version: "1.1.3" 39 | clock: 40 | dependency: transitive 41 | description: 42 | name: clock 43 | url: "https://pub.dartlang.org" 44 | source: hosted 45 | version: "1.0.1" 46 | collection: 47 | dependency: transitive 48 | description: 49 | name: collection 50 | url: "https://pub.dartlang.org" 51 | source: hosted 52 | version: "1.14.13" 53 | convert: 54 | dependency: transitive 55 | description: 56 | name: convert 57 | url: "https://pub.dartlang.org" 58 | source: hosted 59 | version: "2.1.1" 60 | crypto: 61 | dependency: transitive 62 | description: 63 | name: crypto 64 | url: "https://pub.dartlang.org" 65 | source: hosted 66 | version: "2.1.5" 67 | cupertino_icons: 68 | dependency: "direct main" 69 | description: 70 | name: cupertino_icons 71 | url: "https://pub.dartlang.org" 72 | source: hosted 73 | version: "0.1.3" 74 | fake_async: 75 | dependency: transitive 76 | description: 77 | name: fake_async 78 | url: "https://pub.dartlang.org" 79 | source: hosted 80 | version: "1.1.0" 81 | file: 82 | dependency: transitive 83 | description: 84 | name: file 85 | url: "https://pub.dartlang.org" 86 | source: hosted 87 | version: "5.2.1" 88 | flutter: 89 | dependency: "direct main" 90 | description: flutter 91 | source: sdk 92 | version: "0.0.0" 93 | flutter_cache_manager: 94 | dependency: transitive 95 | description: 96 | name: flutter_cache_manager 97 | url: "https://pub.dartlang.org" 98 | source: hosted 99 | version: "1.4.1" 100 | flutter_test: 101 | dependency: "direct dev" 102 | description: flutter 103 | source: sdk 104 | version: "0.0.0" 105 | http: 106 | dependency: transitive 107 | description: 108 | name: http 109 | url: "https://pub.dartlang.org" 110 | source: hosted 111 | version: "0.12.2" 112 | http_parser: 113 | dependency: transitive 114 | description: 115 | name: http_parser 116 | url: "https://pub.dartlang.org" 117 | source: hosted 118 | version: "3.1.4" 119 | intl: 120 | dependency: transitive 121 | description: 122 | name: intl 123 | url: "https://pub.dartlang.org" 124 | source: hosted 125 | version: "0.16.1" 126 | matcher: 127 | dependency: transitive 128 | description: 129 | name: matcher 130 | url: "https://pub.dartlang.org" 131 | source: hosted 132 | version: "0.12.8" 133 | material_design_icons_flutter: 134 | dependency: "direct main" 135 | description: 136 | name: material_design_icons_flutter 137 | url: "https://pub.dartlang.org" 138 | source: hosted 139 | version: "4.0.5345" 140 | meta: 141 | dependency: transitive 142 | description: 143 | name: meta 144 | url: "https://pub.dartlang.org" 145 | source: hosted 146 | version: "1.1.8" 147 | path: 148 | dependency: transitive 149 | description: 150 | name: path 151 | url: "https://pub.dartlang.org" 152 | source: hosted 153 | version: "1.7.0" 154 | path_provider: 155 | dependency: transitive 156 | description: 157 | name: path_provider 158 | url: "https://pub.dartlang.org" 159 | source: hosted 160 | version: "1.6.11" 161 | path_provider_linux: 162 | dependency: transitive 163 | description: 164 | name: path_provider_linux 165 | url: "https://pub.dartlang.org" 166 | source: hosted 167 | version: "0.0.1+2" 168 | path_provider_macos: 169 | dependency: transitive 170 | description: 171 | name: path_provider_macos 172 | url: "https://pub.dartlang.org" 173 | source: hosted 174 | version: "0.0.4+3" 175 | path_provider_platform_interface: 176 | dependency: transitive 177 | description: 178 | name: path_provider_platform_interface 179 | url: "https://pub.dartlang.org" 180 | source: hosted 181 | version: "1.0.2" 182 | pedantic: 183 | dependency: transitive 184 | description: 185 | name: pedantic 186 | url: "https://pub.dartlang.org" 187 | source: hosted 188 | version: "1.9.0" 189 | platform: 190 | dependency: transitive 191 | description: 192 | name: platform 193 | url: "https://pub.dartlang.org" 194 | source: hosted 195 | version: "2.2.1" 196 | plugin_platform_interface: 197 | dependency: transitive 198 | description: 199 | name: plugin_platform_interface 200 | url: "https://pub.dartlang.org" 201 | source: hosted 202 | version: "1.0.2" 203 | process: 204 | dependency: transitive 205 | description: 206 | name: process 207 | url: "https://pub.dartlang.org" 208 | source: hosted 209 | version: "3.0.13" 210 | rxdart: 211 | dependency: transitive 212 | description: 213 | name: rxdart 214 | url: "https://pub.dartlang.org" 215 | source: hosted 216 | version: "0.24.1" 217 | sky_engine: 218 | dependency: transitive 219 | description: flutter 220 | source: sdk 221 | version: "0.0.99" 222 | source_span: 223 | dependency: transitive 224 | description: 225 | name: source_span 226 | url: "https://pub.dartlang.org" 227 | source: hosted 228 | version: "1.7.0" 229 | sqflite: 230 | dependency: transitive 231 | description: 232 | name: sqflite 233 | url: "https://pub.dartlang.org" 234 | source: hosted 235 | version: "1.3.1" 236 | sqflite_common: 237 | dependency: transitive 238 | description: 239 | name: sqflite_common 240 | url: "https://pub.dartlang.org" 241 | source: hosted 242 | version: "1.0.2+1" 243 | stack_trace: 244 | dependency: transitive 245 | description: 246 | name: stack_trace 247 | url: "https://pub.dartlang.org" 248 | source: hosted 249 | version: "1.9.5" 250 | stream_channel: 251 | dependency: transitive 252 | description: 253 | name: stream_channel 254 | url: "https://pub.dartlang.org" 255 | source: hosted 256 | version: "2.0.0" 257 | string_scanner: 258 | dependency: transitive 259 | description: 260 | name: string_scanner 261 | url: "https://pub.dartlang.org" 262 | source: hosted 263 | version: "1.0.5" 264 | synchronized: 265 | dependency: transitive 266 | description: 267 | name: synchronized 268 | url: "https://pub.dartlang.org" 269 | source: hosted 270 | version: "2.2.0+2" 271 | term_glyph: 272 | dependency: transitive 273 | description: 274 | name: term_glyph 275 | url: "https://pub.dartlang.org" 276 | source: hosted 277 | version: "1.1.0" 278 | test_api: 279 | dependency: transitive 280 | description: 281 | name: test_api 282 | url: "https://pub.dartlang.org" 283 | source: hosted 284 | version: "0.2.17" 285 | typed_data: 286 | dependency: transitive 287 | description: 288 | name: typed_data 289 | url: "https://pub.dartlang.org" 290 | source: hosted 291 | version: "1.2.0" 292 | uuid: 293 | dependency: transitive 294 | description: 295 | name: uuid 296 | url: "https://pub.dartlang.org" 297 | source: hosted 298 | version: "2.2.0" 299 | vector_math: 300 | dependency: transitive 301 | description: 302 | name: vector_math 303 | url: "https://pub.dartlang.org" 304 | source: hosted 305 | version: "2.0.8" 306 | xdg_directories: 307 | dependency: transitive 308 | description: 309 | name: xdg_directories 310 | url: "https://pub.dartlang.org" 311 | source: hosted 312 | version: "0.1.0" 313 | sdks: 314 | dart: ">=2.9.0-14.0.dev <3.0.0" 315 | flutter: ">=1.12.13+hotfix.5 <2.0.0" 316 | -------------------------------------------------------------------------------- /pubspec.yaml: -------------------------------------------------------------------------------- 1 | name: flutter_facebook_responsive_ui 2 | description: A new Flutter project. 3 | 4 | # The following line prevents the package from being accidentally published to 5 | # pub.dev using `pub publish`. This is preferred for private packages. 6 | publish_to: 'none' # Remove this line if you wish to publish to pub.dev 7 | 8 | # The following defines the version and build number for your application. 9 | # A version number is three numbers separated by dots, like 1.2.43 10 | # followed by an optional build number separated by a +. 11 | # Both the version and the builder number may be overridden in flutter 12 | # build by specifying --build-name and --build-number, respectively. 13 | # In Android, build-name is used as versionName while build-number used as versionCode. 14 | # Read more about Android versioning at https://developer.android.com/studio/publish/versioning 15 | # In iOS, build-name is used as CFBundleShortVersionString while build-number used as CFBundleVersion. 16 | # Read more about iOS versioning at 17 | # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html 18 | version: 1.0.0+1 19 | 20 | environment: 21 | sdk: '>=2.7.0 <3.0.0' 22 | 23 | dependencies: 24 | flutter: 25 | sdk: flutter 26 | 27 | # The following adds the Cupertino Icons font to your application. 28 | # Use with the CupertinoIcons class for iOS style icons. 29 | cupertino_icons: ^0.1.3 30 | cached_network_image: ^2.2.0+1 31 | material_design_icons_flutter: ^4.0.5345 32 | 33 | dev_dependencies: 34 | flutter_test: 35 | sdk: flutter 36 | 37 | # For information on the generic Dart part of this file, see the 38 | # following page: https://dart.dev/tools/pub/pubspec 39 | 40 | # The following section is specific to Flutter. 41 | flutter: 42 | # The following line ensures that the Material Icons font is 43 | # included with your application, so that you can use the icons in 44 | # the material Icons class. 45 | uses-material-design: true 46 | # To add assets to your application, add an assets section, like this: 47 | # assets: 48 | # - images/a_dot_burr.jpeg 49 | # - images/a_dot_ham.jpeg 50 | # An image asset can refer to one or more resolution-specific "variants", see 51 | # https://flutter.dev/assets-and-images/#resolution-aware. 52 | # For details regarding adding assets from package dependencies, see 53 | # https://flutter.dev/assets-and-images/#from-packages 54 | # To add custom fonts to your application, add a fonts section here, 55 | # in this "flutter" section. Each entry in this list should have a 56 | # "family" key with the font family name, and a "fonts" key with a 57 | # list giving the asset and other descriptors for the font. For 58 | # example: 59 | # fonts: 60 | # - family: Schyler 61 | # fonts: 62 | # - asset: fonts/Schyler-Regular.ttf 63 | # - asset: fonts/Schyler-Italic.ttf 64 | # style: italic 65 | # - family: Trajan Pro 66 | # fonts: 67 | # - asset: fonts/TrajanPro.ttf 68 | # - asset: fonts/TrajanPro_Bold.ttf 69 | # weight: 700 70 | # 71 | # For details regarding fonts from package dependencies, 72 | # see https://flutter.dev/custom-fonts/#from-packages 73 | -------------------------------------------------------------------------------- /screenshots/facebook-mobile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/screenshots/facebook-mobile.png -------------------------------------------------------------------------------- /screenshots/facebook-web.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/screenshots/facebook-web.png -------------------------------------------------------------------------------- /screenshots/widget_file_structure_diagram.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/screenshots/widget_file_structure_diagram.png -------------------------------------------------------------------------------- /test/widget_test.dart: -------------------------------------------------------------------------------- 1 | // This is a basic Flutter widget test. 2 | // 3 | // To perform an interaction with a widget in your test, use the WidgetTester 4 | // utility that Flutter provides. For example, you can send tap and scroll 5 | // gestures. You can also use WidgetTester to find child widgets in the widget 6 | // tree, read text, and verify that the values of widget properties are correct. 7 | 8 | import 'package:flutter/material.dart'; 9 | import 'package:flutter_test/flutter_test.dart'; 10 | 11 | import 'package:flutter_facebook_responsive_ui/main.dart'; 12 | 13 | void main() { 14 | testWidgets('Counter increments smoke test', (WidgetTester tester) async { 15 | // Build our app and trigger a frame. 16 | await tester.pumpWidget(MyApp()); 17 | 18 | // Verify that our counter starts at 0. 19 | expect(find.text('0'), findsOneWidget); 20 | expect(find.text('1'), findsNothing); 21 | 22 | // Tap the '+' icon and trigger a frame. 23 | await tester.tap(find.byIcon(Icons.add)); 24 | await tester.pump(); 25 | 26 | // Verify that our counter has incremented. 27 | expect(find.text('0'), findsNothing); 28 | expect(find.text('1'), findsOneWidget); 29 | }); 30 | } 31 | -------------------------------------------------------------------------------- /web/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/web/favicon.png -------------------------------------------------------------------------------- /web/icons/Icon-192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/web/icons/Icon-192.png -------------------------------------------------------------------------------- /web/icons/Icon-512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MarcusNg/flutter_facebook_responsive_ui/b30ffa84030d6bf444fe9aff49a91f8e9179a203/web/icons/Icon-512.png -------------------------------------------------------------------------------- /web/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | flutter_facebook_responsive_ui 18 | 19 | 20 | 21 | 24 | 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /web/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "flutter_facebook_responsive_ui", 3 | "short_name": "flutter_facebook_responsive_ui", 4 | "start_url": ".", 5 | "display": "standalone", 6 | "background_color": "#0175C2", 7 | "theme_color": "#0175C2", 8 | "description": "A new Flutter project.", 9 | "orientation": "portrait-primary", 10 | "prefer_related_applications": false, 11 | "icons": [ 12 | { 13 | "src": "icons/Icon-192.png", 14 | "sizes": "192x192", 15 | "type": "image/png" 16 | }, 17 | { 18 | "src": "icons/Icon-512.png", 19 | "sizes": "512x512", 20 | "type": "image/png" 21 | } 22 | ] 23 | } 24 | --------------------------------------------------------------------------------