├── .gitignore ├── .metadata ├── README.md ├── android ├── .gitignore ├── app │ ├── build.gradle │ └── src │ │ ├── debug │ │ └── AndroidManifest.xml │ │ ├── main │ │ ├── AndroidManifest.xml │ │ ├── kotlin │ │ │ └── com │ │ │ │ └── example │ │ │ │ └── facebook_ui_clone │ │ │ │ └── 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 ├── 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 │ ├── data │ │ └── data.dart │ └── pallete.dart ├── main.dart ├── models │ ├── Models.dart │ ├── PostModel.dart │ ├── StoryModel.dart │ └── UserModel.dart ├── screens │ ├── HomeScreen.dart │ ├── NavScreen.dart │ └── screens.dart └── widgets │ ├── CircleButton.dart │ ├── CreatePostContainer.dart │ ├── CustomTabBar.dart │ ├── PostContainer.dart │ ├── ProfileAvatar.dart │ ├── Rooms.dart │ ├── Stories.dart │ └── widgets.dart ├── pubspec.lock ├── pubspec.yaml ├── screenshots ├── bottombar.png ├── home-two.png └── home.png └── test └── widget_test.dart /.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: 2ae34518b87dd891355ed6c6ea8cb68c4d52bb9d 8 | channel: stable 9 | 10 | project_type: app 11 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # facebook UI clone 2 | 3 | Made with ❤️️ 4 | 5 | ## Screenshots 6 | 7 | 8 |
9 |
10 |
11 |
12 | 13 |
14 |
15 |
16 |
17 | 18 | -------------------------------------------------------------------------------- /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.facebook_ui_clone" 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/facebook_ui_clone/MainActivity.kt: -------------------------------------------------------------------------------- 1 | package com.example.facebook_ui_clone 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/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/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 "Generated.xcconfig" 2 | -------------------------------------------------------------------------------- /ios/Flutter/Release.xcconfig: -------------------------------------------------------------------------------- 1 | #include "Generated.xcconfig" 2 | -------------------------------------------------------------------------------- /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 | 1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */ = {isa = PBXBuildFile; fileRef = 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */; }; 11 | 3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */ = {isa = PBXBuildFile; fileRef = 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */; }; 12 | 74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 74858FAE1ED2DC5600515810 /* AppDelegate.swift */; }; 13 | 97C146FC1CF9000F007C117D /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FA1CF9000F007C117D /* Main.storyboard */; }; 14 | 97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FD1CF9000F007C117D /* Assets.xcassets */; }; 15 | 97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */; }; 16 | /* End PBXBuildFile section */ 17 | 18 | /* Begin PBXCopyFilesBuildPhase section */ 19 | 9705A1C41CF9048500538489 /* Embed Frameworks */ = { 20 | isa = PBXCopyFilesBuildPhase; 21 | buildActionMask = 2147483647; 22 | dstPath = ""; 23 | dstSubfolderSpec = 10; 24 | files = ( 25 | ); 26 | name = "Embed Frameworks"; 27 | runOnlyForDeploymentPostprocessing = 0; 28 | }; 29 | /* End PBXCopyFilesBuildPhase section */ 30 | 31 | /* Begin PBXFileReference section */ 32 | 1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = GeneratedPluginRegistrant.h; sourceTree = ""; }; 33 | 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = GeneratedPluginRegistrant.m; sourceTree = ""; }; 34 | 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = AppFrameworkInfo.plist; path = Flutter/AppFrameworkInfo.plist; sourceTree = ""; }; 35 | 74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "Runner-Bridging-Header.h"; sourceTree = ""; }; 36 | 74858FAE1ED2DC5600515810 /* AppDelegate.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = ""; }; 37 | 7AFA3C8E1D35360C0083082E /* Release.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; name = Release.xcconfig; path = Flutter/Release.xcconfig; sourceTree = ""; }; 38 | 9740EEB21CF90195004384FC /* Debug.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Debug.xcconfig; path = Flutter/Debug.xcconfig; sourceTree = ""; }; 39 | 9740EEB31CF90195004384FC /* Generated.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Generated.xcconfig; path = Flutter/Generated.xcconfig; sourceTree = ""; }; 40 | 97C146EE1CF9000F007C117D /* Runner.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = Runner.app; sourceTree = BUILT_PRODUCTS_DIR; }; 41 | 97C146FB1CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = ""; }; 42 | 97C146FD1CF9000F007C117D /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = ""; }; 43 | 97C147001CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = ""; }; 44 | 97C147021CF9000F007C117D /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 45 | /* End PBXFileReference section */ 46 | 47 | /* Begin PBXFrameworksBuildPhase section */ 48 | 97C146EB1CF9000F007C117D /* Frameworks */ = { 49 | isa = PBXFrameworksBuildPhase; 50 | buildActionMask = 2147483647; 51 | files = ( 52 | ); 53 | runOnlyForDeploymentPostprocessing = 0; 54 | }; 55 | /* End PBXFrameworksBuildPhase section */ 56 | 57 | /* Begin PBXGroup section */ 58 | 9740EEB11CF90186004384FC /* Flutter */ = { 59 | isa = PBXGroup; 60 | children = ( 61 | 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */, 62 | 9740EEB21CF90195004384FC /* Debug.xcconfig */, 63 | 7AFA3C8E1D35360C0083082E /* Release.xcconfig */, 64 | 9740EEB31CF90195004384FC /* Generated.xcconfig */, 65 | ); 66 | name = Flutter; 67 | sourceTree = ""; 68 | }; 69 | 97C146E51CF9000F007C117D = { 70 | isa = PBXGroup; 71 | children = ( 72 | 9740EEB11CF90186004384FC /* Flutter */, 73 | 97C146F01CF9000F007C117D /* Runner */, 74 | 97C146EF1CF9000F007C117D /* Products */, 75 | ); 76 | sourceTree = ""; 77 | }; 78 | 97C146EF1CF9000F007C117D /* Products */ = { 79 | isa = PBXGroup; 80 | children = ( 81 | 97C146EE1CF9000F007C117D /* Runner.app */, 82 | ); 83 | name = Products; 84 | sourceTree = ""; 85 | }; 86 | 97C146F01CF9000F007C117D /* Runner */ = { 87 | isa = PBXGroup; 88 | children = ( 89 | 97C146FA1CF9000F007C117D /* Main.storyboard */, 90 | 97C146FD1CF9000F007C117D /* Assets.xcassets */, 91 | 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */, 92 | 97C147021CF9000F007C117D /* Info.plist */, 93 | 1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */, 94 | 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */, 95 | 74858FAE1ED2DC5600515810 /* AppDelegate.swift */, 96 | 74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */, 97 | ); 98 | path = Runner; 99 | sourceTree = ""; 100 | }; 101 | /* End PBXGroup section */ 102 | 103 | /* Begin PBXNativeTarget section */ 104 | 97C146ED1CF9000F007C117D /* Runner */ = { 105 | isa = PBXNativeTarget; 106 | buildConfigurationList = 97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */; 107 | buildPhases = ( 108 | 9740EEB61CF901F6004384FC /* Run Script */, 109 | 97C146EA1CF9000F007C117D /* Sources */, 110 | 97C146EB1CF9000F007C117D /* Frameworks */, 111 | 97C146EC1CF9000F007C117D /* Resources */, 112 | 9705A1C41CF9048500538489 /* Embed Frameworks */, 113 | 3B06AD1E1E4923F5004D2608 /* Thin Binary */, 114 | ); 115 | buildRules = ( 116 | ); 117 | dependencies = ( 118 | ); 119 | name = Runner; 120 | productName = Runner; 121 | productReference = 97C146EE1CF9000F007C117D /* Runner.app */; 122 | productType = "com.apple.product-type.application"; 123 | }; 124 | /* End PBXNativeTarget section */ 125 | 126 | /* Begin PBXProject section */ 127 | 97C146E61CF9000F007C117D /* Project object */ = { 128 | isa = PBXProject; 129 | attributes = { 130 | LastUpgradeCheck = 1020; 131 | ORGANIZATIONNAME = ""; 132 | TargetAttributes = { 133 | 97C146ED1CF9000F007C117D = { 134 | CreatedOnToolsVersion = 7.3.1; 135 | LastSwiftMigration = 1100; 136 | }; 137 | }; 138 | }; 139 | buildConfigurationList = 97C146E91CF9000F007C117D /* Build configuration list for PBXProject "Runner" */; 140 | compatibilityVersion = "Xcode 9.3"; 141 | developmentRegion = en; 142 | hasScannedForEncodings = 0; 143 | knownRegions = ( 144 | en, 145 | Base, 146 | ); 147 | mainGroup = 97C146E51CF9000F007C117D; 148 | productRefGroup = 97C146EF1CF9000F007C117D /* Products */; 149 | projectDirPath = ""; 150 | projectRoot = ""; 151 | targets = ( 152 | 97C146ED1CF9000F007C117D /* Runner */, 153 | ); 154 | }; 155 | /* End PBXProject section */ 156 | 157 | /* Begin PBXResourcesBuildPhase section */ 158 | 97C146EC1CF9000F007C117D /* Resources */ = { 159 | isa = PBXResourcesBuildPhase; 160 | buildActionMask = 2147483647; 161 | files = ( 162 | 97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */, 163 | 3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */, 164 | 97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */, 165 | 97C146FC1CF9000F007C117D /* Main.storyboard in Resources */, 166 | ); 167 | runOnlyForDeploymentPostprocessing = 0; 168 | }; 169 | /* End PBXResourcesBuildPhase section */ 170 | 171 | /* Begin PBXShellScriptBuildPhase section */ 172 | 3B06AD1E1E4923F5004D2608 /* Thin Binary */ = { 173 | isa = PBXShellScriptBuildPhase; 174 | buildActionMask = 2147483647; 175 | files = ( 176 | ); 177 | inputPaths = ( 178 | ); 179 | name = "Thin Binary"; 180 | outputPaths = ( 181 | ); 182 | runOnlyForDeploymentPostprocessing = 0; 183 | shellPath = /bin/sh; 184 | shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" embed_and_thin"; 185 | }; 186 | 9740EEB61CF901F6004384FC /* Run Script */ = { 187 | isa = PBXShellScriptBuildPhase; 188 | buildActionMask = 2147483647; 189 | files = ( 190 | ); 191 | inputPaths = ( 192 | ); 193 | name = "Run Script"; 194 | outputPaths = ( 195 | ); 196 | runOnlyForDeploymentPostprocessing = 0; 197 | shellPath = /bin/sh; 198 | shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" build"; 199 | }; 200 | /* End PBXShellScriptBuildPhase section */ 201 | 202 | /* Begin PBXSourcesBuildPhase section */ 203 | 97C146EA1CF9000F007C117D /* Sources */ = { 204 | isa = PBXSourcesBuildPhase; 205 | buildActionMask = 2147483647; 206 | files = ( 207 | 74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */, 208 | 1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */, 209 | ); 210 | runOnlyForDeploymentPostprocessing = 0; 211 | }; 212 | /* End PBXSourcesBuildPhase section */ 213 | 214 | /* Begin PBXVariantGroup section */ 215 | 97C146FA1CF9000F007C117D /* Main.storyboard */ = { 216 | isa = PBXVariantGroup; 217 | children = ( 218 | 97C146FB1CF9000F007C117D /* Base */, 219 | ); 220 | name = Main.storyboard; 221 | sourceTree = ""; 222 | }; 223 | 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */ = { 224 | isa = PBXVariantGroup; 225 | children = ( 226 | 97C147001CF9000F007C117D /* Base */, 227 | ); 228 | name = LaunchScreen.storyboard; 229 | sourceTree = ""; 230 | }; 231 | /* End PBXVariantGroup section */ 232 | 233 | /* Begin XCBuildConfiguration section */ 234 | 249021D3217E4FDB00AE95B9 /* Profile */ = { 235 | isa = XCBuildConfiguration; 236 | buildSettings = { 237 | ALWAYS_SEARCH_USER_PATHS = NO; 238 | CLANG_ANALYZER_NONNULL = YES; 239 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 240 | CLANG_CXX_LIBRARY = "libc++"; 241 | CLANG_ENABLE_MODULES = YES; 242 | CLANG_ENABLE_OBJC_ARC = YES; 243 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 244 | CLANG_WARN_BOOL_CONVERSION = YES; 245 | CLANG_WARN_COMMA = YES; 246 | CLANG_WARN_CONSTANT_CONVERSION = YES; 247 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 248 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 249 | CLANG_WARN_EMPTY_BODY = YES; 250 | CLANG_WARN_ENUM_CONVERSION = YES; 251 | CLANG_WARN_INFINITE_RECURSION = YES; 252 | CLANG_WARN_INT_CONVERSION = YES; 253 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 254 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 255 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 256 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 257 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 258 | CLANG_WARN_STRICT_PROTOTYPES = YES; 259 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 260 | CLANG_WARN_UNREACHABLE_CODE = YES; 261 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 262 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 263 | COPY_PHASE_STRIP = NO; 264 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 265 | ENABLE_NS_ASSERTIONS = NO; 266 | ENABLE_STRICT_OBJC_MSGSEND = YES; 267 | GCC_C_LANGUAGE_STANDARD = gnu99; 268 | GCC_NO_COMMON_BLOCKS = YES; 269 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 270 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 271 | GCC_WARN_UNDECLARED_SELECTOR = YES; 272 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 273 | GCC_WARN_UNUSED_FUNCTION = YES; 274 | GCC_WARN_UNUSED_VARIABLE = YES; 275 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 276 | MTL_ENABLE_DEBUG_INFO = NO; 277 | SDKROOT = iphoneos; 278 | SUPPORTED_PLATFORMS = iphoneos; 279 | TARGETED_DEVICE_FAMILY = "1,2"; 280 | VALIDATE_PRODUCT = YES; 281 | }; 282 | name = Profile; 283 | }; 284 | 249021D4217E4FDB00AE95B9 /* Profile */ = { 285 | isa = XCBuildConfiguration; 286 | baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */; 287 | buildSettings = { 288 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 289 | CLANG_ENABLE_MODULES = YES; 290 | CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)"; 291 | ENABLE_BITCODE = NO; 292 | FRAMEWORK_SEARCH_PATHS = ( 293 | "$(inherited)", 294 | "$(PROJECT_DIR)/Flutter", 295 | ); 296 | INFOPLIST_FILE = Runner/Info.plist; 297 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 298 | LIBRARY_SEARCH_PATHS = ( 299 | "$(inherited)", 300 | "$(PROJECT_DIR)/Flutter", 301 | ); 302 | PRODUCT_BUNDLE_IDENTIFIER = com.example.facebookUiClone; 303 | PRODUCT_NAME = "$(TARGET_NAME)"; 304 | SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h"; 305 | SWIFT_VERSION = 5.0; 306 | VERSIONING_SYSTEM = "apple-generic"; 307 | }; 308 | name = Profile; 309 | }; 310 | 97C147031CF9000F007C117D /* Debug */ = { 311 | isa = XCBuildConfiguration; 312 | buildSettings = { 313 | ALWAYS_SEARCH_USER_PATHS = NO; 314 | CLANG_ANALYZER_NONNULL = YES; 315 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 316 | CLANG_CXX_LIBRARY = "libc++"; 317 | CLANG_ENABLE_MODULES = YES; 318 | CLANG_ENABLE_OBJC_ARC = YES; 319 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 320 | CLANG_WARN_BOOL_CONVERSION = YES; 321 | CLANG_WARN_COMMA = YES; 322 | CLANG_WARN_CONSTANT_CONVERSION = YES; 323 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 324 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 325 | CLANG_WARN_EMPTY_BODY = YES; 326 | CLANG_WARN_ENUM_CONVERSION = YES; 327 | CLANG_WARN_INFINITE_RECURSION = YES; 328 | CLANG_WARN_INT_CONVERSION = YES; 329 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 330 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 331 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 332 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 333 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 334 | CLANG_WARN_STRICT_PROTOTYPES = YES; 335 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 336 | CLANG_WARN_UNREACHABLE_CODE = YES; 337 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 338 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 339 | COPY_PHASE_STRIP = NO; 340 | DEBUG_INFORMATION_FORMAT = dwarf; 341 | ENABLE_STRICT_OBJC_MSGSEND = YES; 342 | ENABLE_TESTABILITY = YES; 343 | GCC_C_LANGUAGE_STANDARD = gnu99; 344 | GCC_DYNAMIC_NO_PIC = NO; 345 | GCC_NO_COMMON_BLOCKS = YES; 346 | GCC_OPTIMIZATION_LEVEL = 0; 347 | GCC_PREPROCESSOR_DEFINITIONS = ( 348 | "DEBUG=1", 349 | "$(inherited)", 350 | ); 351 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 352 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 353 | GCC_WARN_UNDECLARED_SELECTOR = YES; 354 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 355 | GCC_WARN_UNUSED_FUNCTION = YES; 356 | GCC_WARN_UNUSED_VARIABLE = YES; 357 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 358 | MTL_ENABLE_DEBUG_INFO = YES; 359 | ONLY_ACTIVE_ARCH = YES; 360 | SDKROOT = iphoneos; 361 | TARGETED_DEVICE_FAMILY = "1,2"; 362 | }; 363 | name = Debug; 364 | }; 365 | 97C147041CF9000F007C117D /* Release */ = { 366 | isa = XCBuildConfiguration; 367 | buildSettings = { 368 | ALWAYS_SEARCH_USER_PATHS = NO; 369 | CLANG_ANALYZER_NONNULL = YES; 370 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 371 | CLANG_CXX_LIBRARY = "libc++"; 372 | CLANG_ENABLE_MODULES = YES; 373 | CLANG_ENABLE_OBJC_ARC = YES; 374 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 375 | CLANG_WARN_BOOL_CONVERSION = YES; 376 | CLANG_WARN_COMMA = YES; 377 | CLANG_WARN_CONSTANT_CONVERSION = YES; 378 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 379 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 380 | CLANG_WARN_EMPTY_BODY = YES; 381 | CLANG_WARN_ENUM_CONVERSION = YES; 382 | CLANG_WARN_INFINITE_RECURSION = YES; 383 | CLANG_WARN_INT_CONVERSION = YES; 384 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 385 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 386 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 387 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 388 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 389 | CLANG_WARN_STRICT_PROTOTYPES = YES; 390 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 391 | CLANG_WARN_UNREACHABLE_CODE = YES; 392 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 393 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 394 | COPY_PHASE_STRIP = NO; 395 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 396 | ENABLE_NS_ASSERTIONS = NO; 397 | ENABLE_STRICT_OBJC_MSGSEND = YES; 398 | GCC_C_LANGUAGE_STANDARD = gnu99; 399 | GCC_NO_COMMON_BLOCKS = YES; 400 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 401 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 402 | GCC_WARN_UNDECLARED_SELECTOR = YES; 403 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 404 | GCC_WARN_UNUSED_FUNCTION = YES; 405 | GCC_WARN_UNUSED_VARIABLE = YES; 406 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 407 | MTL_ENABLE_DEBUG_INFO = NO; 408 | SDKROOT = iphoneos; 409 | SUPPORTED_PLATFORMS = iphoneos; 410 | SWIFT_OPTIMIZATION_LEVEL = "-Owholemodule"; 411 | TARGETED_DEVICE_FAMILY = "1,2"; 412 | VALIDATE_PRODUCT = YES; 413 | }; 414 | name = Release; 415 | }; 416 | 97C147061CF9000F007C117D /* Debug */ = { 417 | isa = XCBuildConfiguration; 418 | baseConfigurationReference = 9740EEB21CF90195004384FC /* Debug.xcconfig */; 419 | buildSettings = { 420 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 421 | CLANG_ENABLE_MODULES = YES; 422 | CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)"; 423 | ENABLE_BITCODE = NO; 424 | FRAMEWORK_SEARCH_PATHS = ( 425 | "$(inherited)", 426 | "$(PROJECT_DIR)/Flutter", 427 | ); 428 | INFOPLIST_FILE = Runner/Info.plist; 429 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 430 | LIBRARY_SEARCH_PATHS = ( 431 | "$(inherited)", 432 | "$(PROJECT_DIR)/Flutter", 433 | ); 434 | PRODUCT_BUNDLE_IDENTIFIER = com.example.facebookUiClone; 435 | PRODUCT_NAME = "$(TARGET_NAME)"; 436 | SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h"; 437 | SWIFT_OPTIMIZATION_LEVEL = "-Onone"; 438 | SWIFT_VERSION = 5.0; 439 | VERSIONING_SYSTEM = "apple-generic"; 440 | }; 441 | name = Debug; 442 | }; 443 | 97C147071CF9000F007C117D /* Release */ = { 444 | isa = XCBuildConfiguration; 445 | baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */; 446 | buildSettings = { 447 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 448 | CLANG_ENABLE_MODULES = YES; 449 | CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)"; 450 | ENABLE_BITCODE = NO; 451 | FRAMEWORK_SEARCH_PATHS = ( 452 | "$(inherited)", 453 | "$(PROJECT_DIR)/Flutter", 454 | ); 455 | INFOPLIST_FILE = Runner/Info.plist; 456 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 457 | LIBRARY_SEARCH_PATHS = ( 458 | "$(inherited)", 459 | "$(PROJECT_DIR)/Flutter", 460 | ); 461 | PRODUCT_BUNDLE_IDENTIFIER = com.example.facebookUiClone; 462 | PRODUCT_NAME = "$(TARGET_NAME)"; 463 | SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h"; 464 | SWIFT_VERSION = 5.0; 465 | VERSIONING_SYSTEM = "apple-generic"; 466 | }; 467 | name = Release; 468 | }; 469 | /* End XCBuildConfiguration section */ 470 | 471 | /* Begin XCConfigurationList section */ 472 | 97C146E91CF9000F007C117D /* Build configuration list for PBXProject "Runner" */ = { 473 | isa = XCConfigurationList; 474 | buildConfigurations = ( 475 | 97C147031CF9000F007C117D /* Debug */, 476 | 97C147041CF9000F007C117D /* Release */, 477 | 249021D3217E4FDB00AE95B9 /* Profile */, 478 | ); 479 | defaultConfigurationIsVisible = 0; 480 | defaultConfigurationName = Release; 481 | }; 482 | 97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */ = { 483 | isa = XCConfigurationList; 484 | buildConfigurations = ( 485 | 97C147061CF9000F007C117D /* Debug */, 486 | 97C147071CF9000F007C117D /* Release */, 487 | 249021D4217E4FDB00AE95B9 /* Profile */, 488 | ); 489 | defaultConfigurationIsVisible = 0; 490 | defaultConfigurationName = Release; 491 | }; 492 | /* End XCConfigurationList section */ 493 | }; 494 | rootObject = 97C146E61CF9000F007C117D /* Project object */; 495 | } 496 | -------------------------------------------------------------------------------- /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 | 8 | -------------------------------------------------------------------------------- /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/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/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/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/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/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/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/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/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/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/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/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/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/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/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/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/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/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/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/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/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/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/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/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/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/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/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/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/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/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/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/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/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 | facebook_ui_clone 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/data/data.dart: -------------------------------------------------------------------------------- 1 | import 'package:facebook_ui_clone/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/config/pallete.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/main.dart: -------------------------------------------------------------------------------- 1 | import 'package:facebook_ui_clone/config/pallete.dart'; 2 | import 'package:facebook_ui_clone/screens/screens.dart'; 3 | import 'package:flutter/material.dart'; 4 | import 'package:flutter/services.dart'; 5 | 6 | void main() { 7 | SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle( 8 | statusBarColor: Colors.white, 9 | )); 10 | runApp(MyApp()); 11 | } 12 | 13 | class MyApp extends StatelessWidget { 14 | @override 15 | Widget build(BuildContext context) { 16 | return MaterialApp( 17 | debugShowCheckedModeBanner: false, 18 | title: 'Flutter Facebook UI', 19 | theme: ThemeData( 20 | primarySwatch: Colors.blue, 21 | visualDensity: VisualDensity.adaptivePlatformDensity, 22 | scaffoldBackgroundColor: Palette.scaffold, 23 | ), 24 | home: NavScreen(), 25 | ); 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /lib/models/Models.dart: -------------------------------------------------------------------------------- 1 | export 'UserModel.dart'; 2 | export 'StoryModel.dart'; 3 | export 'PostModel.dart'; 4 | -------------------------------------------------------------------------------- /lib/models/PostModel.dart: -------------------------------------------------------------------------------- 1 | import 'package:meta/meta.dart'; 2 | 3 | import 'UserModel.dart'; 4 | 5 | class Post { 6 | final User user; 7 | final String caption; 8 | final String timeAgo; 9 | final String imageUrl; 10 | final int likes; 11 | final int comments; 12 | final int shares; 13 | 14 | const Post({ 15 | @required this.user, 16 | @required this.caption, 17 | @required this.timeAgo, 18 | @required this.imageUrl, 19 | @required this.likes, 20 | @required this.comments, 21 | @required this.shares, 22 | }); 23 | } 24 | -------------------------------------------------------------------------------- /lib/models/StoryModel.dart: -------------------------------------------------------------------------------- 1 | import 'package:meta/meta.dart'; 2 | 3 | import 'UserModel.dart'; 4 | 5 | class Story { 6 | final User user; 7 | final String imageUrl; 8 | final bool isViewed; 9 | 10 | const Story({ 11 | @required this.user, 12 | @required this.imageUrl, 13 | this.isViewed = false, 14 | }); 15 | } 16 | -------------------------------------------------------------------------------- /lib/models/UserModel.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/HomeScreen.dart: -------------------------------------------------------------------------------- 1 | import 'package:facebook_ui_clone/config/data/data.dart'; 2 | import 'package:facebook_ui_clone/config/pallete.dart'; 3 | import 'package:facebook_ui_clone/models/Models.dart'; 4 | import 'package:facebook_ui_clone/widgets/widgets.dart'; 5 | import 'package:flutter/material.dart'; 6 | import 'package:material_design_icons_flutter/material_design_icons_flutter.dart'; 7 | 8 | class HomeScreen extends StatelessWidget { 9 | const HomeScreen({Key key}) : super(key: key); 10 | 11 | @override 12 | Widget build(BuildContext context) { 13 | return Scaffold( 14 | body: CustomScrollView( 15 | slivers: [ 16 | SliverAppBar( 17 | brightness: Brightness.light, 18 | backgroundColor: Colors.white, 19 | title: Text( 20 | 'facebook', 21 | style: const TextStyle( 22 | color: Palette.facebookBlue, 23 | fontSize: 28.0, 24 | fontWeight: FontWeight.bold, 25 | letterSpacing: -1.2, 26 | ), 27 | ), 28 | floating: true, 29 | actions: [ 30 | CircleButton( 31 | icon: Icons.search, 32 | iconSize: 30.0, 33 | onPressed: () {}, 34 | ), 35 | CircleButton( 36 | icon: MdiIcons.facebookMessenger, 37 | iconSize: 30.0, 38 | onPressed: () {}, 39 | ), 40 | ], 41 | ), 42 | SliverToBoxAdapter( 43 | child: CreatePostContainer(currentUser: currentUser), 44 | ), 45 | SliverPadding( 46 | padding: const EdgeInsets.fromLTRB(0.0, 10.0, 0.0, 5.0), 47 | sliver: SliverToBoxAdapter( 48 | child: Rooms(onlineUsers: onlineUsers), 49 | ), 50 | ), 51 | SliverPadding( 52 | padding: const EdgeInsets.fromLTRB(0.0, 5.0, 0.0, 5.0), 53 | sliver: SliverToBoxAdapter( 54 | child: Stories(currentUser: currentUser, stories: stories), 55 | ), 56 | ), 57 | SliverList( 58 | delegate: SliverChildBuilderDelegate( 59 | (context, index) { 60 | final Post post = posts[index]; 61 | return PostContainer(post: post); 62 | }, 63 | childCount: posts.length, 64 | ), 65 | ) 66 | ], 67 | ), 68 | ); 69 | } 70 | } 71 | -------------------------------------------------------------------------------- /lib/screens/NavScreen.dart: -------------------------------------------------------------------------------- 1 | import 'package:facebook_ui_clone/widgets/widgets.dart'; 2 | import 'package:flutter/material.dart'; 3 | import 'package:material_design_icons_flutter/material_design_icons_flutter.dart'; 4 | 5 | import 'screens.dart'; 6 | 7 | class NavScreen extends StatefulWidget { 8 | NavScreen({Key key}) : super(key: key); 9 | 10 | @override 11 | _NavScreenState createState() => _NavScreenState(); 12 | } 13 | 14 | class _NavScreenState extends State { 15 | final List _screens = [ 16 | HomeScreen(), 17 | Scaffold(), 18 | Scaffold(), 19 | Scaffold(), 20 | Scaffold(), 21 | Scaffold(), 22 | ]; 23 | final List _icons = const [ 24 | Icons.home, 25 | Icons.ondemand_video, 26 | MdiIcons.accountCircleOutline, 27 | MdiIcons.accountGroupOutline, 28 | MdiIcons.bellOutline, 29 | Icons.menu, 30 | ]; 31 | int _selectedIndex = 0; 32 | @override 33 | Widget build(BuildContext context) { 34 | return DefaultTabController( 35 | length: _icons.length, 36 | child: Scaffold( 37 | body: IndexedStack( 38 | index: _selectedIndex, 39 | children: _screens, 40 | ), 41 | bottomNavigationBar: CustomTabBar( 42 | icons: _icons, 43 | selectedIndex: _selectedIndex, 44 | onTap: (index) => setState(() => _selectedIndex = index), 45 | ), 46 | ), 47 | ); 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /lib/screens/screens.dart: -------------------------------------------------------------------------------- 1 | export 'HomeScreen.dart'; 2 | export 'NavScreen.dart'; 3 | -------------------------------------------------------------------------------- /lib/widgets/CircleButton.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/CreatePostContainer.dart: -------------------------------------------------------------------------------- 1 | import 'package:facebook_ui_clone/models/UserModel.dart'; 2 | import 'package:flutter/material.dart'; 3 | 4 | import 'widgets.dart'; 5 | 6 | class CreatePostContainer extends StatelessWidget { 7 | final User currentUser; 8 | 9 | const CreatePostContainer({Key key, this.currentUser}) : super(key: key); 10 | 11 | @override 12 | Widget build(BuildContext context) { 13 | return Container( 14 | padding: const EdgeInsets.fromLTRB(12.0, 8.0, 12.0, 0.0), 15 | color: Colors.white, 16 | child: Column( 17 | children: [ 18 | Row( 19 | children: [ 20 | ProfileAvatar(imageUrl: currentUser.imageUrl), 21 | const SizedBox(width: 8.0), 22 | Expanded( 23 | child: TextField( 24 | decoration: InputDecoration.collapsed( 25 | hintText: 'What\'s on your mind?'), 26 | ), 27 | ) 28 | ], 29 | ), 30 | const Divider(height: 10.0, thickness: 0.5), 31 | Container( 32 | height: 40.0, 33 | child: Row( 34 | mainAxisAlignment: MainAxisAlignment.spaceEvenly, 35 | children: [ 36 | FlatButton.icon( 37 | onPressed: () {}, 38 | icon: Icon( 39 | Icons.videocam, 40 | color: Colors.red, 41 | ), 42 | label: Text( 43 | 'Live', 44 | ), 45 | ), 46 | const VerticalDivider(width: 8.0), 47 | FlatButton.icon( 48 | onPressed: () {}, 49 | icon: Icon( 50 | Icons.photo_library, 51 | color: Colors.green, 52 | ), 53 | label: Text( 54 | 'Photo', 55 | ), 56 | ), 57 | const VerticalDivider(width: 8.0), 58 | FlatButton.icon( 59 | onPressed: () {}, 60 | icon: Icon( 61 | Icons.video_call, 62 | color: Colors.purpleAccent, 63 | ), 64 | label: Text( 65 | 'Room', 66 | ), 67 | ), 68 | ], 69 | ), 70 | ) 71 | ], 72 | ), 73 | ); 74 | } 75 | } 76 | -------------------------------------------------------------------------------- /lib/widgets/CustomTabBar.dart: -------------------------------------------------------------------------------- 1 | import 'package:facebook_ui_clone/config/pallete.dart'; 2 | import 'package:flutter/material.dart'; 3 | 4 | class CustomTabBar extends StatelessWidget { 5 | final List icons; 6 | final int selectedIndex; 7 | final Function onTap; 8 | 9 | const CustomTabBar({Key key, this.icons, this.selectedIndex, this.onTap}) 10 | : super(key: key); 11 | 12 | @override 13 | Widget build(BuildContext context) { 14 | return TabBar( 15 | indicatorPadding: EdgeInsets.zero, 16 | indicator: BoxDecoration( 17 | border: Border( 18 | top: BorderSide( 19 | color: Palette.facebookBlue, 20 | width: 3.0, 21 | ), 22 | ), 23 | ), 24 | tabs: icons 25 | .asMap() 26 | .map((i, e) => MapEntry( 27 | i, 28 | Tab( 29 | icon: Icon( 30 | e, 31 | color: i == selectedIndex 32 | ? Palette.facebookBlue 33 | : Colors.black45, 34 | size: 30.0, 35 | ), 36 | ), 37 | )) 38 | .values 39 | .toList(), 40 | onTap: onTap, 41 | ); 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /lib/widgets/PostContainer.dart: -------------------------------------------------------------------------------- 1 | import 'package:cached_network_image/cached_network_image.dart'; 2 | import 'package:facebook_ui_clone/config/pallete.dart'; 3 | import 'package:facebook_ui_clone/models/Models.dart'; 4 | import 'package:facebook_ui_clone/widgets/widgets.dart'; 5 | import 'package:flutter/material.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({Key key, this.post}) : super(key: key); 12 | 13 | @override 14 | Widget build(BuildContext context) { 15 | return Container( 16 | margin: const EdgeInsets.symmetric(vertical: 5.0), 17 | padding: const EdgeInsets.symmetric(vertical: 8.0), 18 | color: Colors.white, 19 | child: Column( 20 | children: [ 21 | Padding( 22 | padding: const EdgeInsets.symmetric(horizontal: 12.0), 23 | child: Column( 24 | crossAxisAlignment: CrossAxisAlignment.stretch, 25 | children: [ 26 | _PostHeader(post: post), 27 | SizedBox(height: 4.0), 28 | Text(post.caption), 29 | post.imageUrl != null 30 | ? const SizedBox.shrink() 31 | : const SizedBox( 32 | height: 6.0, 33 | ), 34 | ], 35 | ), 36 | ), 37 | post.imageUrl != null 38 | ? Padding( 39 | padding: const EdgeInsets.symmetric(vertical: 8.0), 40 | child: CachedNetworkImage( 41 | imageUrl: post.imageUrl, 42 | ), 43 | ) 44 | : SizedBox.shrink(), 45 | Padding( 46 | padding: const EdgeInsets.symmetric(horizontal: 12.0), 47 | child: _PostStats(post: post), 48 | ) 49 | ], 50 | )); 51 | } 52 | } 53 | 54 | class _PostStats extends StatelessWidget { 55 | final Post post; 56 | 57 | const _PostStats({Key key, this.post}) : super(key: key); 58 | 59 | @override 60 | Widget build(BuildContext context) { 61 | return Column( 62 | children: [ 63 | Row( 64 | children: [ 65 | Container( 66 | padding: const EdgeInsets.all(4.0), 67 | decoration: BoxDecoration( 68 | color: Palette.facebookBlue, 69 | shape: BoxShape.circle, 70 | ), 71 | child: Icon( 72 | Icons.thumb_up, 73 | size: 10.0, 74 | color: Colors.white, 75 | ), 76 | ), 77 | const SizedBox(width: 4.0), 78 | Expanded( 79 | child: Text( 80 | '${post.likes}', 81 | style: TextStyle(color: Colors.grey[600]), 82 | ), 83 | ), 84 | Text( 85 | '${post.comments} Comments', 86 | style: TextStyle(color: Colors.grey[600]), 87 | ), 88 | const SizedBox(width: 8.0), 89 | Text( 90 | '${post.shares} Shares', 91 | style: TextStyle(color: Colors.grey[600]), 92 | ) 93 | ], 94 | ), 95 | const Divider(), 96 | Row( 97 | children: [ 98 | _PostButton( 99 | icon: Icon( 100 | MdiIcons.thumbUpOutline, 101 | color: Colors.grey[600], 102 | size: 20.0, 103 | ), 104 | label: 'like', 105 | onTap: () {}, 106 | ), 107 | _PostButton( 108 | icon: Icon( 109 | MdiIcons.commentOutline, 110 | color: Colors.grey[600], 111 | size: 20.0, 112 | ), 113 | label: 'Comment', 114 | onTap: () {}, 115 | ), 116 | _PostButton( 117 | icon: Icon( 118 | MdiIcons.shareOutline, 119 | color: Colors.grey[600], 120 | size: 25.0, 121 | ), 122 | label: 'Share', 123 | onTap: () {}, 124 | ) 125 | ], 126 | ) 127 | ], 128 | ); 129 | } 130 | } 131 | 132 | class _PostButton extends StatelessWidget { 133 | final Icon icon; 134 | final String label; 135 | final Function onTap; 136 | 137 | const _PostButton({Key key, this.icon, this.label, this.onTap}) 138 | : super(key: key); 139 | 140 | @override 141 | Widget build(BuildContext context) { 142 | return Expanded( 143 | child: Material( 144 | color: Colors.white, 145 | child: InkWell( 146 | onTap: onTap, 147 | child: Container( 148 | padding: const EdgeInsets.symmetric(horizontal: 12.0), 149 | height: 25.0, 150 | child: Row( 151 | mainAxisAlignment: MainAxisAlignment.center, 152 | children: [ 153 | icon, 154 | SizedBox(width: 4.0), 155 | Text(label), 156 | ], 157 | ), 158 | ), 159 | ), 160 | ), 161 | ); 162 | } 163 | } 164 | 165 | class _PostHeader extends StatelessWidget { 166 | final Post post; 167 | 168 | const _PostHeader({Key key, this.post}) : super(key: key); 169 | 170 | @override 171 | Widget build(BuildContext context) { 172 | return Row( 173 | children: [ 174 | ProfileAvatar(imageUrl: post.user.imageUrl), 175 | const SizedBox(width: 8.0), 176 | Expanded( 177 | child: Column( 178 | crossAxisAlignment: CrossAxisAlignment.start, 179 | children: [ 180 | Text( 181 | post.user.name, 182 | style: const TextStyle(fontWeight: FontWeight.w600), 183 | ), 184 | Row( 185 | children: [ 186 | Text( 187 | '${post.timeAgo} .', 188 | style: TextStyle( 189 | color: Colors.grey[600], 190 | fontSize: 12.0, 191 | ), 192 | ), 193 | Icon( 194 | Icons.public, 195 | color: Colors.grey[600], 196 | size: 12.0, 197 | ) 198 | ], 199 | ) 200 | ], 201 | ), 202 | ), 203 | IconButton( 204 | icon: const Icon(Icons.more_horiz), 205 | onPressed: () {}, 206 | ) 207 | ], 208 | ); 209 | } 210 | } 211 | -------------------------------------------------------------------------------- /lib/widgets/ProfileAvatar.dart: -------------------------------------------------------------------------------- 1 | import 'package:cached_network_image/cached_network_image.dart'; 2 | import 'package:facebook_ui_clone/config/pallete.dart'; 3 | import 'package:flutter/material.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/Rooms.dart: -------------------------------------------------------------------------------- 1 | import 'package:facebook_ui_clone/config/pallete.dart'; 2 | import 'package:facebook_ui_clone/models/UserModel.dart'; 3 | import 'package:facebook_ui_clone/widgets/widgets.dart'; 4 | import 'package:flutter/material.dart'; 5 | 6 | class Rooms extends StatelessWidget { 7 | final List onlineUsers; 8 | 9 | const Rooms({Key key, this.onlineUsers}) : super(key: key); 10 | 11 | @override 12 | Widget build(BuildContext context) { 13 | return Container( 14 | color: Colors.white, 15 | height: 60.0, 16 | child: ListView.builder( 17 | padding: const EdgeInsets.symmetric(vertical: 10.0, horizontal: 4.0), 18 | scrollDirection: Axis.horizontal, 19 | itemCount: 1 + onlineUsers.length, 20 | itemBuilder: (BuildContext context, int index) { 21 | if (index == 0) { 22 | return Padding( 23 | padding: const EdgeInsets.symmetric(horizontal: 8.0), 24 | child: _CreateRoomButton(), 25 | ); 26 | } 27 | final User user = onlineUsers[index - 1]; 28 | 29 | return Padding( 30 | padding: const EdgeInsets.symmetric(horizontal: 8.0), 31 | child: ProfileAvatar( 32 | imageUrl: user.imageUrl, 33 | isActive: true, 34 | ), 35 | ); 36 | }, 37 | ), 38 | ); 39 | } 40 | } 41 | 42 | class _CreateRoomButton extends StatelessWidget { 43 | const _CreateRoomButton({Key key}) : super(key: key); 44 | 45 | @override 46 | Widget build(BuildContext context) { 47 | return OutlineButton( 48 | onPressed: () {}, 49 | shape: RoundedRectangleBorder( 50 | borderRadius: BorderRadius.circular(30.0), 51 | ), 52 | color: Colors.white, 53 | borderSide: BorderSide( 54 | width: 3.0, 55 | color: Colors.blueAccent[100], 56 | ), 57 | textColor: Palette.facebookBlue, 58 | child: Row( 59 | children: [ 60 | ShaderMask( 61 | shaderCallback: (rect) => 62 | Palette.createRoomGradient.createShader(rect), 63 | child: Icon(Icons.video_call, size: 35.0, color: Colors.white), 64 | ), 65 | const SizedBox(width: 4.0), 66 | Text('Create\nRoom') 67 | ], 68 | ), 69 | ); 70 | } 71 | } 72 | -------------------------------------------------------------------------------- /lib/widgets/Stories.dart: -------------------------------------------------------------------------------- 1 | import 'package:cached_network_image/cached_network_image.dart'; 2 | import 'package:facebook_ui_clone/config/pallete.dart'; 3 | import 'package:facebook_ui_clone/models/Models.dart'; 4 | import 'package:facebook_ui_clone/widgets/widgets.dart'; 5 | import 'package:flutter/material.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, 21 | color: Colors.white, 22 | child: ListView.builder( 23 | padding: const EdgeInsets.symmetric(vertical: 10.0, horizontal: 8.0), 24 | scrollDirection: Axis.horizontal, 25 | itemCount: 1 + stories.length, 26 | itemBuilder: (BuildContext context, int index) { 27 | if (index == 0) { 28 | return Padding( 29 | padding: const EdgeInsets.symmetric(horizontal: 4.0), 30 | child: _StoryCard(isAddStory: true, currentUser: currentUser), 31 | ); 32 | } 33 | final Story story = stories[index - 1]; 34 | return Padding( 35 | padding: const EdgeInsets.symmetric(horizontal: 4.0), 36 | child: _StoryCard(story: story), 37 | ); 38 | }, 39 | ), 40 | ); 41 | } 42 | } 43 | 44 | class _StoryCard extends StatelessWidget { 45 | final bool isAddStory; 46 | final User currentUser; 47 | final Story story; 48 | 49 | const _StoryCard({ 50 | Key key, 51 | this.isAddStory = false, 52 | this.currentUser, 53 | this.story, 54 | }) : super(key: key); 55 | 56 | @override 57 | Widget build(BuildContext context) { 58 | return Stack( 59 | children: [ 60 | ClipRRect( 61 | borderRadius: BorderRadius.circular(12.0), 62 | child: CachedNetworkImage( 63 | imageUrl: isAddStory ? currentUser.imageUrl : story.imageUrl, 64 | height: double.infinity, 65 | width: 110.0, 66 | fit: BoxFit.cover, 67 | ), 68 | ), 69 | Container( 70 | height: double.infinity, 71 | width: 100.0, 72 | decoration: BoxDecoration( 73 | gradient: Palette.storyGradient, 74 | ), 75 | ), 76 | Positioned( 77 | top: 8.0, 78 | left: 8.0, 79 | child: isAddStory 80 | ? Container( 81 | height: 40.0, 82 | width: 40.0, 83 | decoration: BoxDecoration( 84 | color: Colors.white, shape: BoxShape.circle), 85 | child: IconButton( 86 | icon: Icon(Icons.add, color: Palette.facebookBlue), 87 | onPressed: () {}), 88 | ) 89 | : ProfileAvatar( 90 | imageUrl: story.user.imageUrl, hasBorder: !story.isViewed), 91 | ), 92 | Positioned( 93 | bottom: 8.0, 94 | left: 8.0, 95 | right: 8.0, 96 | child: Text( 97 | isAddStory ? 'Add to story' : story.user.name, 98 | style: const TextStyle( 99 | color: Colors.white, 100 | fontWeight: FontWeight.bold, 101 | ), 102 | maxLines: 2, 103 | overflow: TextOverflow.ellipsis, 104 | ), 105 | ) 106 | ], 107 | ); 108 | } 109 | } 110 | -------------------------------------------------------------------------------- /lib/widgets/widgets.dart: -------------------------------------------------------------------------------- 1 | export 'CircleButton.dart'; 2 | export 'CreatePostContainer.dart'; 3 | export 'Rooms.dart'; 4 | export 'ProfileAvatar.dart'; 5 | export 'Stories.dart'; 6 | export 'PostContainer.dart'; 7 | export 'CustomTabBar.dart'; 8 | -------------------------------------------------------------------------------- /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.3.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_blurhash: 94 | dependency: transitive 95 | description: 96 | name: flutter_blurhash 97 | url: "https://pub.dartlang.org" 98 | source: hosted 99 | version: "0.5.0" 100 | flutter_cache_manager: 101 | dependency: transitive 102 | description: 103 | name: flutter_cache_manager 104 | url: "https://pub.dartlang.org" 105 | source: hosted 106 | version: "1.4.1" 107 | flutter_test: 108 | dependency: "direct dev" 109 | description: flutter 110 | source: sdk 111 | version: "0.0.0" 112 | http: 113 | dependency: transitive 114 | description: 115 | name: http 116 | url: "https://pub.dartlang.org" 117 | source: hosted 118 | version: "0.12.2" 119 | http_parser: 120 | dependency: transitive 121 | description: 122 | name: http_parser 123 | url: "https://pub.dartlang.org" 124 | source: hosted 125 | version: "3.1.4" 126 | intl: 127 | dependency: transitive 128 | description: 129 | name: intl 130 | url: "https://pub.dartlang.org" 131 | source: hosted 132 | version: "0.16.1" 133 | matcher: 134 | dependency: transitive 135 | description: 136 | name: matcher 137 | url: "https://pub.dartlang.org" 138 | source: hosted 139 | version: "0.12.8" 140 | material_design_icons_flutter: 141 | dependency: "direct main" 142 | description: 143 | name: material_design_icons_flutter 144 | url: "https://pub.dartlang.org" 145 | source: hosted 146 | version: "4.0.5555" 147 | meta: 148 | dependency: transitive 149 | description: 150 | name: meta 151 | url: "https://pub.dartlang.org" 152 | source: hosted 153 | version: "1.1.8" 154 | octo_image: 155 | dependency: transitive 156 | description: 157 | name: octo_image 158 | url: "https://pub.dartlang.org" 159 | source: hosted 160 | version: "0.2.1" 161 | path: 162 | dependency: transitive 163 | description: 164 | name: path 165 | url: "https://pub.dartlang.org" 166 | source: hosted 167 | version: "1.7.0" 168 | path_provider: 169 | dependency: transitive 170 | description: 171 | name: path_provider 172 | url: "https://pub.dartlang.org" 173 | source: hosted 174 | version: "1.6.14" 175 | path_provider_linux: 176 | dependency: transitive 177 | description: 178 | name: path_provider_linux 179 | url: "https://pub.dartlang.org" 180 | source: hosted 181 | version: "0.0.1+2" 182 | path_provider_macos: 183 | dependency: transitive 184 | description: 185 | name: path_provider_macos 186 | url: "https://pub.dartlang.org" 187 | source: hosted 188 | version: "0.0.4+3" 189 | path_provider_platform_interface: 190 | dependency: transitive 191 | description: 192 | name: path_provider_platform_interface 193 | url: "https://pub.dartlang.org" 194 | source: hosted 195 | version: "1.0.3" 196 | pedantic: 197 | dependency: transitive 198 | description: 199 | name: pedantic 200 | url: "https://pub.dartlang.org" 201 | source: hosted 202 | version: "1.9.0" 203 | platform: 204 | dependency: transitive 205 | description: 206 | name: platform 207 | url: "https://pub.dartlang.org" 208 | source: hosted 209 | version: "2.2.1" 210 | plugin_platform_interface: 211 | dependency: transitive 212 | description: 213 | name: plugin_platform_interface 214 | url: "https://pub.dartlang.org" 215 | source: hosted 216 | version: "1.0.2" 217 | process: 218 | dependency: transitive 219 | description: 220 | name: process 221 | url: "https://pub.dartlang.org" 222 | source: hosted 223 | version: "3.0.13" 224 | rxdart: 225 | dependency: transitive 226 | description: 227 | name: rxdart 228 | url: "https://pub.dartlang.org" 229 | source: hosted 230 | version: "0.24.1" 231 | sky_engine: 232 | dependency: transitive 233 | description: flutter 234 | source: sdk 235 | version: "0.0.99" 236 | source_span: 237 | dependency: transitive 238 | description: 239 | name: source_span 240 | url: "https://pub.dartlang.org" 241 | source: hosted 242 | version: "1.7.0" 243 | sqflite: 244 | dependency: transitive 245 | description: 246 | name: sqflite 247 | url: "https://pub.dartlang.org" 248 | source: hosted 249 | version: "1.3.1+1" 250 | sqflite_common: 251 | dependency: transitive 252 | description: 253 | name: sqflite_common 254 | url: "https://pub.dartlang.org" 255 | source: hosted 256 | version: "1.0.2+1" 257 | stack_trace: 258 | dependency: transitive 259 | description: 260 | name: stack_trace 261 | url: "https://pub.dartlang.org" 262 | source: hosted 263 | version: "1.9.5" 264 | stream_channel: 265 | dependency: transitive 266 | description: 267 | name: stream_channel 268 | url: "https://pub.dartlang.org" 269 | source: hosted 270 | version: "2.0.0" 271 | string_scanner: 272 | dependency: transitive 273 | description: 274 | name: string_scanner 275 | url: "https://pub.dartlang.org" 276 | source: hosted 277 | version: "1.0.5" 278 | synchronized: 279 | dependency: transitive 280 | description: 281 | name: synchronized 282 | url: "https://pub.dartlang.org" 283 | source: hosted 284 | version: "2.2.0+2" 285 | term_glyph: 286 | dependency: transitive 287 | description: 288 | name: term_glyph 289 | url: "https://pub.dartlang.org" 290 | source: hosted 291 | version: "1.1.0" 292 | test_api: 293 | dependency: transitive 294 | description: 295 | name: test_api 296 | url: "https://pub.dartlang.org" 297 | source: hosted 298 | version: "0.2.17" 299 | typed_data: 300 | dependency: transitive 301 | description: 302 | name: typed_data 303 | url: "https://pub.dartlang.org" 304 | source: hosted 305 | version: "1.2.0" 306 | uuid: 307 | dependency: transitive 308 | description: 309 | name: uuid 310 | url: "https://pub.dartlang.org" 311 | source: hosted 312 | version: "2.2.2" 313 | vector_math: 314 | dependency: transitive 315 | description: 316 | name: vector_math 317 | url: "https://pub.dartlang.org" 318 | source: hosted 319 | version: "2.0.8" 320 | xdg_directories: 321 | dependency: transitive 322 | description: 323 | name: xdg_directories 324 | url: "https://pub.dartlang.org" 325 | source: hosted 326 | version: "0.1.0" 327 | sdks: 328 | dart: ">=2.9.0-14.0.dev <3.0.0" 329 | flutter: ">=1.20.0 <2.0.0" 330 | -------------------------------------------------------------------------------- /pubspec.yaml: -------------------------------------------------------------------------------- 1 | name: facebook_ui_clone 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 | cached_network_image: ^2.2.0+1 27 | material_design_icons_flutter: ^4.0.5345 28 | 29 | # The following adds the Cupertino Icons font to your application. 30 | # Use with the CupertinoIcons class for iOS style icons. 31 | cupertino_icons: ^0.1.3 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 | 47 | # To add assets to your application, add an assets section, like this: 48 | # assets: 49 | # - images/a_dot_burr.jpeg 50 | # - images/a_dot_ham.jpeg 51 | 52 | # An image asset can refer to one or more resolution-specific "variants", see 53 | # https://flutter.dev/assets-and-images/#resolution-aware. 54 | 55 | # For details regarding adding assets from package dependencies, see 56 | # https://flutter.dev/assets-and-images/#from-packages 57 | 58 | # To add custom fonts to your application, add a fonts section here, 59 | # in this "flutter" section. Each entry in this list should have a 60 | # "family" key with the font family name, and a "fonts" key with a 61 | # list giving the asset and other descriptors for the font. For 62 | # example: 63 | # fonts: 64 | # - family: Schyler 65 | # fonts: 66 | # - asset: fonts/Schyler-Regular.ttf 67 | # - asset: fonts/Schyler-Italic.ttf 68 | # style: italic 69 | # - family: Trajan Pro 70 | # fonts: 71 | # - asset: fonts/TrajanPro.ttf 72 | # - asset: fonts/TrajanPro_Bold.ttf 73 | # weight: 700 74 | # 75 | # For details regarding fonts from package dependencies, 76 | # see https://flutter.dev/custom-fonts/#from-packages 77 | -------------------------------------------------------------------------------- /screenshots/bottombar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/screenshots/bottombar.png -------------------------------------------------------------------------------- /screenshots/home-two.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/screenshots/home-two.png -------------------------------------------------------------------------------- /screenshots/home.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Huzaifaahmed20/Flutter-facebook-UI-clone/6e8f7e2be66429d68ef73391f6b22d1623ffb7f2/screenshots/home.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:facebook_ui_clone/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 | --------------------------------------------------------------------------------