├── .gitignore ├── .metadata ├── LICENSE ├── README.md ├── android ├── .gitignore ├── .project ├── .settings │ └── org.eclipse.buildship.core.prefs ├── app │ ├── .classpath │ ├── .project │ ├── .settings │ │ └── org.eclipse.buildship.core.prefs │ ├── build.gradle │ └── src │ │ ├── debug │ │ └── AndroidManifest.xml │ │ ├── main │ │ ├── AndroidManifest.xml │ │ ├── kotlin │ │ │ └── com │ │ │ │ └── example │ │ │ │ └── facebook_ui_flutter │ │ │ │ └── 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 ├── assets ├── Mike Tyler.jpg ├── Sam Wilson.jpg ├── adelle.jpg ├── andrew.jpg ├── andy.jpg ├── chris.jpg ├── cover.jpg ├── dan.jpg ├── eddison.jpg ├── goalcast.png ├── greg.jpg ├── james.jpg ├── jeremy.jpg ├── joey.jpg ├── john.jpg ├── kalle.jpg ├── linkedIn.jpg ├── marcus.jpg ├── mathew.jpg ├── olivia.jpg ├── playstation.jpg ├── reddit.png ├── samantha.jpg ├── sophia.jpg ├── steven.jpg ├── story1.jpg ├── story2.jpg ├── story3.jpg ├── story4.jpg ├── story5.jpg ├── story6.jpg ├── story7.jpg ├── story8.jpg ├── tanya.jpg ├── timothy.jpg └── xbox.jpeg ├── 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 ├── main.dart ├── models │ ├── post.dart │ └── user_notification.dart ├── pages │ └── home_page.dart ├── tabs │ ├── friends_tab.dart │ ├── home_tab.dart │ ├── menu_tab.dart │ ├── notifications_tab.dart │ ├── profile_tab.dart │ └── watch_tab.dart └── widgets │ ├── notification_widget.dart │ ├── online_widget.dart │ ├── post_widget.dart │ ├── separator_widget.dart │ ├── stories_widget.dart │ └── write_something_widget.dart ├── pubspec.lock ├── pubspec.yaml ├── snapshots ├── snapshot1.jpeg ├── snapshot2.jpeg ├── snapshot3.jpeg ├── snapshot4.jpeg ├── snapshot5.jpeg ├── snapshot6.jpeg ├── snapshot7.jpeg └── social-preview.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 | .dart_tool/ 26 | .flutter-plugins 27 | .flutter-plugins-dependencies 28 | .packages 29 | .pub-cache/ 30 | .pub/ 31 | /build/ 32 | 33 | # Web related 34 | lib/generated_plugin_registrant.dart 35 | 36 | # Symbolication related 37 | app.*.symbols 38 | 39 | # Obfuscation related 40 | app.*.map.json 41 | 42 | # Exceptions to above rules. 43 | !/packages/flutter_tools/test/data/dart_dependencies_test/**/.packages 44 | -------------------------------------------------------------------------------- /.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: 1ad9baa8b99a2897c20f9e6e54d3b9b359ade314 8 | channel: stable 9 | 10 | project_type: app 11 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 Ahmed Gulab Khan 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # facebook_ui_flutter ![GitHub stars](https://img.shields.io/github/stars/ahmedgulabkhan/facebook_ui_flutter?style=social) ![GitHub forks](https://img.shields.io/github/forks/ahmedgulabkhan/facebook_ui_flutter?style=social) 2 | ![GitHub pull requests](https://img.shields.io/github/issues-pr/ahmedgulabkhan/facebook_ui_flutter) ![GitHub closed pull requests](https://img.shields.io/github/issues-pr-closed/ahmedgulabkhan/facebook_ui_flutter) ![GitHub issues](https://img.shields.io/github/issues-raw/ahmedgulabkhan/facebook_ui_flutter) [![Open Source Love](https://badges.frapsoft.com/os/v2/open-source.svg?v=103)](https://github.com/ahmedgulabkhan/facebook_ui_flutter) 3 | 4 | **Star ⭐ this repo if you like what you see.** 5 | 6 |

7 |

facebook clone

8 | 9 | ## About 10 | A UI clone of the Facebook app that i created using Flutter. 11 | 12 | ## Snapshots 13 | 14 | | Home Page | Home Page | 15 | |------|-------| 16 | ||| 17 | 18 | | Friends Page | Watch Page | 19 | |------|-------| 20 | ||| 21 | 22 | | Profile Page | Notifications Page | 23 | |------|-------| 24 | ||| 25 | 26 | | Menu Page | 27 | |------| 28 | | 29 | 30 | ## Configuration Steps 31 | 1. Cloning the repository: 32 | 33 | ``` 34 | $ git clone https://github.com/ahmedgulabkhan/facebook_ui_flutter.git 35 | ``` 36 | 37 | 2. Open the project: 38 | 39 | `$ cd facebook_ui_flutter` 40 | 41 | 3. Install the dependencies related to the project 42 | 43 | `flutter pub get` 44 | 45 | 4. Now run the app on your connected device (using terminal): 46 | 47 | `$ flutter run` 48 | 49 | ## Author(s) 50 | 51 | [Ahmed Gulab Khan](https://www.github.com/ahmedgulabkhan) 52 | 53 | ## Other Flutter Projects 54 | 55 | - [GroupChatApp](https://www.github.com/ahmedgulabkhan/GroupChatApp) ![GitHub stars](https://img.shields.io/github/stars/ahmedgulabkhan/GroupChatApp?style=social) ![GitHub forks](https://img.shields.io/github/forks/ahmedgulabkhan/GroupChatApp?style=social) 56 | - [Foodspace](https://www.github.com/ahmedgulabkhan/Foodspace) ![GitHub stars](https://img.shields.io/github/stars/ahmedgulabkhan/Foodspace?style=social) ![GitHub forks](https://img.shields.io/github/forks/ahmedgulabkhan/Foodspace?style=social) 57 | - [Atlas](https://www.github.com/ahmedgulabkhan/Atlas) ![GitHub stars](https://img.shields.io/github/stars/ahmedgulabkhan/Atlas?style=social) ![GitHub forks](https://img.shields.io/github/forks/ahmedgulabkhan/Atlas?style=social) 58 | - [GitTrends](https://www.github.com/ahmedgulabkhan/GitTrends) ![GitHub stars](https://img.shields.io/github/stars/ahmedgulabkhan/GitTrends?style=social) ![GitHub forks](https://img.shields.io/github/forks/ahmedgulabkhan/GitTrends?style=social) 59 | - [youtube_clone_flutter](https://www.github.com/ahmedgulabkhan/youtube_clone_flutter) ![GitHub stars](https://img.shields.io/github/stars/ahmedgulabkhan/youtube_clone_flutter?style=social) ![GitHub forks](https://img.shields.io/github/forks/ahmedgulabkhan/youtube_clone_flutter?style=social) 60 | - [SnakeGameFlutter](https://www.github.com/ahmedgulabkhan/SnakeGameFlutter) ![GitHub stars](https://img.shields.io/github/stars/ahmedgulabkhan/SnakeGameFlutter?style=social) ![GitHub forks](https://img.shields.io/github/forks/ahmedgulabkhan/SnakeGameFlutter?style=social) 61 | 62 | ## LICENSE 63 | ``` 64 | MIT License 65 | 66 | Copyright (c) 2020 Ahmed Gulab Khan 67 | 68 | Permission is hereby granted, free of charge, to any person obtaining a copy 69 | of this software and associated documentation files (the "Software"), to deal 70 | in the Software without restriction, including without limitation the rights 71 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 72 | copies of the Software, and to permit persons to whom the Software is 73 | furnished to do so, subject to the following conditions: 74 | 75 | The above copyright notice and this permission notice shall be included in all 76 | copies or substantial portions of the Software. 77 | 78 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 79 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 80 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 81 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 82 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 83 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 84 | SOFTWARE. 85 | ``` -------------------------------------------------------------------------------- /android/.gitignore: -------------------------------------------------------------------------------- 1 | gradle-wrapper.jar 2 | /.gradle 3 | /captures/ 4 | /gradlew 5 | /gradlew.bat 6 | /local.properties 7 | GeneratedPluginRegistrant.java 8 | -------------------------------------------------------------------------------- /android/.project: -------------------------------------------------------------------------------- 1 | 2 | 3 | android 4 | Project android created by Buildship. 5 | 6 | 7 | 8 | 9 | org.eclipse.buildship.core.gradleprojectbuilder 10 | 11 | 12 | 13 | 14 | 15 | org.eclipse.buildship.core.gradleprojectnature 16 | 17 | 18 | -------------------------------------------------------------------------------- /android/.settings/org.eclipse.buildship.core.prefs: -------------------------------------------------------------------------------- 1 | arguments= 2 | auto.sync=false 3 | build.scans.enabled=false 4 | connection.gradle.distribution=GRADLE_DISTRIBUTION(WRAPPER) 5 | connection.project.dir= 6 | eclipse.preferences.version=1 7 | gradle.user.home= 8 | java.home=C\:/Program Files/Java/jdk-11.0.2 9 | jvm.arguments= 10 | offline.mode=false 11 | override.workspace.settings=true 12 | show.console.view=true 13 | show.executions.view=true 14 | -------------------------------------------------------------------------------- /android/app/.classpath: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /android/app/.project: -------------------------------------------------------------------------------- 1 | 2 | 3 | app 4 | Project app created by Buildship. 5 | 6 | 7 | 8 | 9 | org.eclipse.jdt.core.javabuilder 10 | 11 | 12 | 13 | 14 | org.eclipse.buildship.core.gradleprojectbuilder 15 | 16 | 17 | 18 | 19 | 20 | org.eclipse.jdt.core.javanature 21 | org.eclipse.buildship.core.gradleprojectnature 22 | 23 | 24 | -------------------------------------------------------------------------------- /android/app/.settings/org.eclipse.buildship.core.prefs: -------------------------------------------------------------------------------- 1 | connection.project.dir=.. 2 | eclipse.preferences.version=1 3 | -------------------------------------------------------------------------------- /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_flutter" 42 | minSdkVersion 21 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_flutter/MainActivity.kt: -------------------------------------------------------------------------------- 1 | package com.example.facebook_ui_flutter 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/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/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 | // Copyright 2014 The Flutter Authors. All rights reserved. 2 | // Use of this source code is governed by a BSD-style license that can be 3 | // found in the LICENSE file. 4 | 5 | include ':app' 6 | 7 | def localPropertiesFile = new File(rootProject.projectDir, "local.properties") 8 | def properties = new Properties() 9 | 10 | assert localPropertiesFile.exists() 11 | localPropertiesFile.withReader("UTF-8") { reader -> properties.load(reader) } 12 | 13 | def flutterSdkPath = properties.getProperty("flutter.sdk") 14 | assert flutterSdkPath != null, "flutter.sdk not set in local.properties" 15 | apply from: "$flutterSdkPath/packages/flutter_tools/gradle/app_plugin_loader.gradle" 16 | -------------------------------------------------------------------------------- /assets/Mike Tyler.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/Mike Tyler.jpg -------------------------------------------------------------------------------- /assets/Sam Wilson.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/Sam Wilson.jpg -------------------------------------------------------------------------------- /assets/adelle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/adelle.jpg -------------------------------------------------------------------------------- /assets/andrew.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/andrew.jpg -------------------------------------------------------------------------------- /assets/andy.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/andy.jpg -------------------------------------------------------------------------------- /assets/chris.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/chris.jpg -------------------------------------------------------------------------------- /assets/cover.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/cover.jpg -------------------------------------------------------------------------------- /assets/dan.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/dan.jpg -------------------------------------------------------------------------------- /assets/eddison.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/eddison.jpg -------------------------------------------------------------------------------- /assets/goalcast.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/goalcast.png -------------------------------------------------------------------------------- /assets/greg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/greg.jpg -------------------------------------------------------------------------------- /assets/james.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/james.jpg -------------------------------------------------------------------------------- /assets/jeremy.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/jeremy.jpg -------------------------------------------------------------------------------- /assets/joey.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/joey.jpg -------------------------------------------------------------------------------- /assets/john.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/john.jpg -------------------------------------------------------------------------------- /assets/kalle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/kalle.jpg -------------------------------------------------------------------------------- /assets/linkedIn.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/linkedIn.jpg -------------------------------------------------------------------------------- /assets/marcus.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/marcus.jpg -------------------------------------------------------------------------------- /assets/mathew.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/mathew.jpg -------------------------------------------------------------------------------- /assets/olivia.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/olivia.jpg -------------------------------------------------------------------------------- /assets/playstation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/playstation.jpg -------------------------------------------------------------------------------- /assets/reddit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/reddit.png -------------------------------------------------------------------------------- /assets/samantha.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/samantha.jpg -------------------------------------------------------------------------------- /assets/sophia.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/sophia.jpg -------------------------------------------------------------------------------- /assets/steven.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/steven.jpg -------------------------------------------------------------------------------- /assets/story1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/story1.jpg -------------------------------------------------------------------------------- /assets/story2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/story2.jpg -------------------------------------------------------------------------------- /assets/story3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/story3.jpg -------------------------------------------------------------------------------- /assets/story4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/story4.jpg -------------------------------------------------------------------------------- /assets/story5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/story5.jpg -------------------------------------------------------------------------------- /assets/story6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/story6.jpg -------------------------------------------------------------------------------- /assets/story7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/story7.jpg -------------------------------------------------------------------------------- /assets/story8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/story8.jpg -------------------------------------------------------------------------------- /assets/tanya.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/tanya.jpg -------------------------------------------------------------------------------- /assets/timothy.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/timothy.jpg -------------------------------------------------------------------------------- /assets/xbox.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/assets/xbox.jpeg -------------------------------------------------------------------------------- /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 | 97C146F11CF9000F007C117D /* Supporting Files */, 94 | 1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */, 95 | 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */, 96 | 74858FAE1ED2DC5600515810 /* AppDelegate.swift */, 97 | 74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */, 98 | ); 99 | path = Runner; 100 | sourceTree = ""; 101 | }; 102 | 97C146F11CF9000F007C117D /* Supporting Files */ = { 103 | isa = PBXGroup; 104 | children = ( 105 | ); 106 | name = "Supporting Files"; 107 | sourceTree = ""; 108 | }; 109 | /* End PBXGroup section */ 110 | 111 | /* Begin PBXNativeTarget section */ 112 | 97C146ED1CF9000F007C117D /* Runner */ = { 113 | isa = PBXNativeTarget; 114 | buildConfigurationList = 97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */; 115 | buildPhases = ( 116 | 9740EEB61CF901F6004384FC /* Run Script */, 117 | 97C146EA1CF9000F007C117D /* Sources */, 118 | 97C146EB1CF9000F007C117D /* Frameworks */, 119 | 97C146EC1CF9000F007C117D /* Resources */, 120 | 9705A1C41CF9048500538489 /* Embed Frameworks */, 121 | 3B06AD1E1E4923F5004D2608 /* Thin Binary */, 122 | ); 123 | buildRules = ( 124 | ); 125 | dependencies = ( 126 | ); 127 | name = Runner; 128 | productName = Runner; 129 | productReference = 97C146EE1CF9000F007C117D /* Runner.app */; 130 | productType = "com.apple.product-type.application"; 131 | }; 132 | /* End PBXNativeTarget section */ 133 | 134 | /* Begin PBXProject section */ 135 | 97C146E61CF9000F007C117D /* Project object */ = { 136 | isa = PBXProject; 137 | attributes = { 138 | LastUpgradeCheck = 1020; 139 | ORGANIZATIONNAME = ""; 140 | TargetAttributes = { 141 | 97C146ED1CF9000F007C117D = { 142 | CreatedOnToolsVersion = 7.3.1; 143 | LastSwiftMigration = 1100; 144 | }; 145 | }; 146 | }; 147 | buildConfigurationList = 97C146E91CF9000F007C117D /* Build configuration list for PBXProject "Runner" */; 148 | compatibilityVersion = "Xcode 9.3"; 149 | developmentRegion = en; 150 | hasScannedForEncodings = 0; 151 | knownRegions = ( 152 | en, 153 | Base, 154 | ); 155 | mainGroup = 97C146E51CF9000F007C117D; 156 | productRefGroup = 97C146EF1CF9000F007C117D /* Products */; 157 | projectDirPath = ""; 158 | projectRoot = ""; 159 | targets = ( 160 | 97C146ED1CF9000F007C117D /* Runner */, 161 | ); 162 | }; 163 | /* End PBXProject section */ 164 | 165 | /* Begin PBXResourcesBuildPhase section */ 166 | 97C146EC1CF9000F007C117D /* Resources */ = { 167 | isa = PBXResourcesBuildPhase; 168 | buildActionMask = 2147483647; 169 | files = ( 170 | 97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */, 171 | 3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */, 172 | 97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */, 173 | 97C146FC1CF9000F007C117D /* Main.storyboard in Resources */, 174 | ); 175 | runOnlyForDeploymentPostprocessing = 0; 176 | }; 177 | /* End PBXResourcesBuildPhase section */ 178 | 179 | /* Begin PBXShellScriptBuildPhase section */ 180 | 3B06AD1E1E4923F5004D2608 /* Thin Binary */ = { 181 | isa = PBXShellScriptBuildPhase; 182 | buildActionMask = 2147483647; 183 | files = ( 184 | ); 185 | inputPaths = ( 186 | ); 187 | name = "Thin Binary"; 188 | outputPaths = ( 189 | ); 190 | runOnlyForDeploymentPostprocessing = 0; 191 | shellPath = /bin/sh; 192 | shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" embed_and_thin"; 193 | }; 194 | 9740EEB61CF901F6004384FC /* Run Script */ = { 195 | isa = PBXShellScriptBuildPhase; 196 | buildActionMask = 2147483647; 197 | files = ( 198 | ); 199 | inputPaths = ( 200 | ); 201 | name = "Run Script"; 202 | outputPaths = ( 203 | ); 204 | runOnlyForDeploymentPostprocessing = 0; 205 | shellPath = /bin/sh; 206 | shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" build"; 207 | }; 208 | /* End PBXShellScriptBuildPhase section */ 209 | 210 | /* Begin PBXSourcesBuildPhase section */ 211 | 97C146EA1CF9000F007C117D /* Sources */ = { 212 | isa = PBXSourcesBuildPhase; 213 | buildActionMask = 2147483647; 214 | files = ( 215 | 74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */, 216 | 1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */, 217 | ); 218 | runOnlyForDeploymentPostprocessing = 0; 219 | }; 220 | /* End PBXSourcesBuildPhase section */ 221 | 222 | /* Begin PBXVariantGroup section */ 223 | 97C146FA1CF9000F007C117D /* Main.storyboard */ = { 224 | isa = PBXVariantGroup; 225 | children = ( 226 | 97C146FB1CF9000F007C117D /* Base */, 227 | ); 228 | name = Main.storyboard; 229 | sourceTree = ""; 230 | }; 231 | 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */ = { 232 | isa = PBXVariantGroup; 233 | children = ( 234 | 97C147001CF9000F007C117D /* Base */, 235 | ); 236 | name = LaunchScreen.storyboard; 237 | sourceTree = ""; 238 | }; 239 | /* End PBXVariantGroup section */ 240 | 241 | /* Begin XCBuildConfiguration section */ 242 | 249021D3217E4FDB00AE95B9 /* Profile */ = { 243 | isa = XCBuildConfiguration; 244 | baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */; 245 | buildSettings = { 246 | ALWAYS_SEARCH_USER_PATHS = NO; 247 | CLANG_ANALYZER_NONNULL = YES; 248 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 249 | CLANG_CXX_LIBRARY = "libc++"; 250 | CLANG_ENABLE_MODULES = YES; 251 | CLANG_ENABLE_OBJC_ARC = YES; 252 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 253 | CLANG_WARN_BOOL_CONVERSION = YES; 254 | CLANG_WARN_COMMA = YES; 255 | CLANG_WARN_CONSTANT_CONVERSION = YES; 256 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 257 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 258 | CLANG_WARN_EMPTY_BODY = YES; 259 | CLANG_WARN_ENUM_CONVERSION = YES; 260 | CLANG_WARN_INFINITE_RECURSION = YES; 261 | CLANG_WARN_INT_CONVERSION = YES; 262 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 263 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 264 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 265 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 266 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 267 | CLANG_WARN_STRICT_PROTOTYPES = YES; 268 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 269 | CLANG_WARN_UNREACHABLE_CODE = YES; 270 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 271 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 272 | COPY_PHASE_STRIP = NO; 273 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 274 | ENABLE_NS_ASSERTIONS = NO; 275 | ENABLE_STRICT_OBJC_MSGSEND = YES; 276 | GCC_C_LANGUAGE_STANDARD = gnu99; 277 | GCC_NO_COMMON_BLOCKS = YES; 278 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 279 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 280 | GCC_WARN_UNDECLARED_SELECTOR = YES; 281 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 282 | GCC_WARN_UNUSED_FUNCTION = YES; 283 | GCC_WARN_UNUSED_VARIABLE = YES; 284 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 285 | MTL_ENABLE_DEBUG_INFO = NO; 286 | SDKROOT = iphoneos; 287 | SUPPORTED_PLATFORMS = iphoneos; 288 | TARGETED_DEVICE_FAMILY = "1,2"; 289 | VALIDATE_PRODUCT = YES; 290 | }; 291 | name = Profile; 292 | }; 293 | 249021D4217E4FDB00AE95B9 /* Profile */ = { 294 | isa = XCBuildConfiguration; 295 | baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */; 296 | buildSettings = { 297 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 298 | CLANG_ENABLE_MODULES = YES; 299 | CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)"; 300 | ENABLE_BITCODE = NO; 301 | FRAMEWORK_SEARCH_PATHS = ( 302 | "$(inherited)", 303 | "$(PROJECT_DIR)/Flutter", 304 | ); 305 | INFOPLIST_FILE = Runner/Info.plist; 306 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 307 | LIBRARY_SEARCH_PATHS = ( 308 | "$(inherited)", 309 | "$(PROJECT_DIR)/Flutter", 310 | ); 311 | PRODUCT_BUNDLE_IDENTIFIER = com.example.facebookUiFlutter; 312 | PRODUCT_NAME = "$(TARGET_NAME)"; 313 | SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h"; 314 | SWIFT_VERSION = 5.0; 315 | VERSIONING_SYSTEM = "apple-generic"; 316 | }; 317 | name = Profile; 318 | }; 319 | 97C147031CF9000F007C117D /* Debug */ = { 320 | isa = XCBuildConfiguration; 321 | baseConfigurationReference = 9740EEB21CF90195004384FC /* Debug.xcconfig */; 322 | buildSettings = { 323 | ALWAYS_SEARCH_USER_PATHS = NO; 324 | CLANG_ANALYZER_NONNULL = YES; 325 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 326 | CLANG_CXX_LIBRARY = "libc++"; 327 | CLANG_ENABLE_MODULES = YES; 328 | CLANG_ENABLE_OBJC_ARC = YES; 329 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 330 | CLANG_WARN_BOOL_CONVERSION = YES; 331 | CLANG_WARN_COMMA = YES; 332 | CLANG_WARN_CONSTANT_CONVERSION = YES; 333 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 334 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 335 | CLANG_WARN_EMPTY_BODY = YES; 336 | CLANG_WARN_ENUM_CONVERSION = YES; 337 | CLANG_WARN_INFINITE_RECURSION = YES; 338 | CLANG_WARN_INT_CONVERSION = YES; 339 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 340 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 341 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 342 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 343 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 344 | CLANG_WARN_STRICT_PROTOTYPES = YES; 345 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 346 | CLANG_WARN_UNREACHABLE_CODE = YES; 347 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 348 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 349 | COPY_PHASE_STRIP = NO; 350 | DEBUG_INFORMATION_FORMAT = dwarf; 351 | ENABLE_STRICT_OBJC_MSGSEND = YES; 352 | ENABLE_TESTABILITY = YES; 353 | GCC_C_LANGUAGE_STANDARD = gnu99; 354 | GCC_DYNAMIC_NO_PIC = NO; 355 | GCC_NO_COMMON_BLOCKS = YES; 356 | GCC_OPTIMIZATION_LEVEL = 0; 357 | GCC_PREPROCESSOR_DEFINITIONS = ( 358 | "DEBUG=1", 359 | "$(inherited)", 360 | ); 361 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 362 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 363 | GCC_WARN_UNDECLARED_SELECTOR = YES; 364 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 365 | GCC_WARN_UNUSED_FUNCTION = YES; 366 | GCC_WARN_UNUSED_VARIABLE = YES; 367 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 368 | MTL_ENABLE_DEBUG_INFO = YES; 369 | ONLY_ACTIVE_ARCH = YES; 370 | SDKROOT = iphoneos; 371 | TARGETED_DEVICE_FAMILY = "1,2"; 372 | }; 373 | name = Debug; 374 | }; 375 | 97C147041CF9000F007C117D /* Release */ = { 376 | isa = XCBuildConfiguration; 377 | baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */; 378 | buildSettings = { 379 | ALWAYS_SEARCH_USER_PATHS = NO; 380 | CLANG_ANALYZER_NONNULL = YES; 381 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 382 | CLANG_CXX_LIBRARY = "libc++"; 383 | CLANG_ENABLE_MODULES = YES; 384 | CLANG_ENABLE_OBJC_ARC = YES; 385 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 386 | CLANG_WARN_BOOL_CONVERSION = YES; 387 | CLANG_WARN_COMMA = YES; 388 | CLANG_WARN_CONSTANT_CONVERSION = YES; 389 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 390 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 391 | CLANG_WARN_EMPTY_BODY = YES; 392 | CLANG_WARN_ENUM_CONVERSION = YES; 393 | CLANG_WARN_INFINITE_RECURSION = YES; 394 | CLANG_WARN_INT_CONVERSION = YES; 395 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 396 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 397 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 398 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 399 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 400 | CLANG_WARN_STRICT_PROTOTYPES = YES; 401 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 402 | CLANG_WARN_UNREACHABLE_CODE = YES; 403 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 404 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 405 | COPY_PHASE_STRIP = NO; 406 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 407 | ENABLE_NS_ASSERTIONS = NO; 408 | ENABLE_STRICT_OBJC_MSGSEND = YES; 409 | GCC_C_LANGUAGE_STANDARD = gnu99; 410 | GCC_NO_COMMON_BLOCKS = YES; 411 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 412 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 413 | GCC_WARN_UNDECLARED_SELECTOR = YES; 414 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 415 | GCC_WARN_UNUSED_FUNCTION = YES; 416 | GCC_WARN_UNUSED_VARIABLE = YES; 417 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 418 | MTL_ENABLE_DEBUG_INFO = NO; 419 | SDKROOT = iphoneos; 420 | SUPPORTED_PLATFORMS = iphoneos; 421 | SWIFT_OPTIMIZATION_LEVEL = "-Owholemodule"; 422 | TARGETED_DEVICE_FAMILY = "1,2"; 423 | VALIDATE_PRODUCT = YES; 424 | }; 425 | name = Release; 426 | }; 427 | 97C147061CF9000F007C117D /* Debug */ = { 428 | isa = XCBuildConfiguration; 429 | baseConfigurationReference = 9740EEB21CF90195004384FC /* Debug.xcconfig */; 430 | buildSettings = { 431 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 432 | CLANG_ENABLE_MODULES = YES; 433 | CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)"; 434 | ENABLE_BITCODE = NO; 435 | FRAMEWORK_SEARCH_PATHS = ( 436 | "$(inherited)", 437 | "$(PROJECT_DIR)/Flutter", 438 | ); 439 | INFOPLIST_FILE = Runner/Info.plist; 440 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 441 | LIBRARY_SEARCH_PATHS = ( 442 | "$(inherited)", 443 | "$(PROJECT_DIR)/Flutter", 444 | ); 445 | PRODUCT_BUNDLE_IDENTIFIER = com.example.facebookUiFlutter; 446 | PRODUCT_NAME = "$(TARGET_NAME)"; 447 | SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h"; 448 | SWIFT_OPTIMIZATION_LEVEL = "-Onone"; 449 | SWIFT_VERSION = 5.0; 450 | VERSIONING_SYSTEM = "apple-generic"; 451 | }; 452 | name = Debug; 453 | }; 454 | 97C147071CF9000F007C117D /* Release */ = { 455 | isa = XCBuildConfiguration; 456 | baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */; 457 | buildSettings = { 458 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 459 | CLANG_ENABLE_MODULES = YES; 460 | CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)"; 461 | ENABLE_BITCODE = NO; 462 | FRAMEWORK_SEARCH_PATHS = ( 463 | "$(inherited)", 464 | "$(PROJECT_DIR)/Flutter", 465 | ); 466 | INFOPLIST_FILE = Runner/Info.plist; 467 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 468 | LIBRARY_SEARCH_PATHS = ( 469 | "$(inherited)", 470 | "$(PROJECT_DIR)/Flutter", 471 | ); 472 | PRODUCT_BUNDLE_IDENTIFIER = com.example.facebookUiFlutter; 473 | PRODUCT_NAME = "$(TARGET_NAME)"; 474 | SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h"; 475 | SWIFT_VERSION = 5.0; 476 | VERSIONING_SYSTEM = "apple-generic"; 477 | }; 478 | name = Release; 479 | }; 480 | /* End XCBuildConfiguration section */ 481 | 482 | /* Begin XCConfigurationList section */ 483 | 97C146E91CF9000F007C117D /* Build configuration list for PBXProject "Runner" */ = { 484 | isa = XCConfigurationList; 485 | buildConfigurations = ( 486 | 97C147031CF9000F007C117D /* Debug */, 487 | 97C147041CF9000F007C117D /* Release */, 488 | 249021D3217E4FDB00AE95B9 /* Profile */, 489 | ); 490 | defaultConfigurationIsVisible = 0; 491 | defaultConfigurationName = Release; 492 | }; 493 | 97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */ = { 494 | isa = XCConfigurationList; 495 | buildConfigurations = ( 496 | 97C147061CF9000F007C117D /* Debug */, 497 | 97C147071CF9000F007C117D /* Release */, 498 | 249021D4217E4FDB00AE95B9 /* Profile */, 499 | ); 500 | defaultConfigurationIsVisible = 0; 501 | defaultConfigurationName = Release; 502 | }; 503 | /* End XCConfigurationList section */ 504 | }; 505 | rootObject = 97C146E61CF9000F007C117D /* Project object */; 506 | } 507 | -------------------------------------------------------------------------------- /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/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/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/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/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/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/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/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/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/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/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/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/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/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/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/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/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/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/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/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/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/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/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/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/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/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/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/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/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/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/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/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/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_flutter 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/main.dart: -------------------------------------------------------------------------------- 1 | import 'package:facebook_ui_flutter/pages/home_page.dart'; 2 | import 'package:flutter/material.dart'; 3 | import 'package:flutter_statusbarcolor/flutter_statusbarcolor.dart'; 4 | 5 | void main() { 6 | runApp(MyApp()); 7 | } 8 | 9 | class MyApp extends StatelessWidget { 10 | // This widget is the root of your application. 11 | @override 12 | Widget build(BuildContext context) { 13 | FlutterStatusbarcolor.setStatusBarColor(Colors.white); 14 | return MaterialApp( 15 | title: 'facebook_ui_flutter', 16 | debugShowCheckedModeBanner: false, 17 | home: HomePage(), 18 | ); 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /lib/models/post.dart: -------------------------------------------------------------------------------- 1 | class Post{ 2 | final String profileImageUrl; 3 | final String username; 4 | final String time; 5 | final String content; 6 | final String likes; 7 | final String comments; 8 | final String shares; 9 | 10 | Post({ 11 | this.profileImageUrl, 12 | this.username, 13 | this.time, 14 | this.content, 15 | this.likes, 16 | this.comments, 17 | this.shares 18 | }); 19 | } 20 | 21 | List posts = [ 22 | new Post(profileImageUrl: 'assets/Sam Wilson.jpg', username: 'Sam Wilson', time: '5h', content: 'Hey guys whats up, This is Sam Wilson. I am currently in singapore. Came here to make some amazing memories', likes: '63', comments: '11', shares: '2'), 23 | new Post(profileImageUrl: 'assets/jeremy.jpg', username: 'Jeremy', time: '13h', content: 'I am going to make a Flutter complete course, where i will be teaching all the things that a developer would need to know in order to become a great flutter developer. Course is for beginners, and will be taught everything related to flutter from scratch!!', likes: '52', comments: '1', shares: '6'), 24 | new Post(profileImageUrl: 'assets/mathew.jpg', username: 'Mathew Hallberg', time: '2d', content: 'Hey guys this is Mathew, I recently created a cool AR/VR application and pushed it to github, interested people can go and see the working of the app. I hope you guys like it!', likes: '61', comments: '3', shares: '2'), 25 | new Post(profileImageUrl: 'assets/eddison.jpg', username: 'Eddison', time: '1w', content: 'Good afternoon people, hope you are doing well. STAY HOME STAY SAFE. Hope you are healthy and happy. Wish you good health guys :)', likes: '233', comments: '6', shares: '4'), 26 | new Post(profileImageUrl: 'assets/olivia.jpg', username: 'Olivia', time: '3w', content: 'I am starting a job in Los Angeles next week, this is my first ever job. Wish me luck guys', likes: '77', comments: '7', shares: '2'), 27 | ]; -------------------------------------------------------------------------------- /lib/models/user_notification.dart: -------------------------------------------------------------------------------- 1 | class UserNotification { 2 | final String imageUrl; 3 | final String content; 4 | final String time; 5 | 6 | UserNotification({ 7 | this.imageUrl, 8 | this.content, 9 | this.time 10 | }); 11 | } 12 | 13 | List notifications = [ 14 | new UserNotification(imageUrl: 'assets/goalcast.png', content: 'Goalcast posted a new video', time: '3 hours ago'), 15 | new UserNotification(imageUrl: 'assets/playstation.jpg', content: 'Playstation posted a new video', time: '8 hours ago'), 16 | new UserNotification(imageUrl: 'assets/xbox.jpeg', content: 'Xbox posted a new video', time: '9 hours ago'), 17 | new UserNotification(imageUrl: 'assets/reddit.png', content: 'Reddit posted a new video', time: '22 hours ago'), 18 | new UserNotification(imageUrl: 'assets/linkedIn.jpg', content: 'Linkedin posted a new video', time: '1 day ago'), 19 | new UserNotification(imageUrl: 'assets/goalcast.png', content: 'Goalcast posted a new video', time: '4 days ago'), 20 | new UserNotification(imageUrl: 'assets/reddit.png', content: 'Reddit posted a new video', time: '6 days ago'), 21 | new UserNotification(imageUrl: 'assets/xbox.jpeg', content: 'Xbox posted a new video', time: '1 week ago'), 22 | new UserNotification(imageUrl: 'assets/linkedIn.jpg', content: 'Linkedin posted a new video', time: '3 weeks ago'), 23 | new UserNotification(imageUrl: 'assets/playstation.jpg', content: 'Playstation posted a new video', time: '1 month ago') 24 | ]; -------------------------------------------------------------------------------- /lib/pages/home_page.dart: -------------------------------------------------------------------------------- 1 | import 'package:facebook_ui_flutter/tabs/home_tab.dart'; 2 | import 'package:facebook_ui_flutter/tabs/friends_tab.dart'; 3 | import 'package:facebook_ui_flutter/tabs/watch_tab.dart'; 4 | import 'package:facebook_ui_flutter/tabs/profile_tab.dart'; 5 | import 'package:facebook_ui_flutter/tabs/notifications_tab.dart'; 6 | import 'package:facebook_ui_flutter/tabs/menu_tab.dart'; 7 | import 'package:flutter/material.dart'; 8 | import 'package:font_awesome_flutter/font_awesome_flutter.dart'; 9 | 10 | class HomePage extends StatefulWidget { 11 | @override 12 | _HomePageState createState() => _HomePageState(); 13 | } 14 | 15 | class _HomePageState extends State with SingleTickerProviderStateMixin { 16 | 17 | TabController _tabController; 18 | 19 | @override 20 | void initState() { 21 | super.initState(); 22 | _tabController = TabController(vsync: this, length: 6); 23 | } 24 | 25 | @override 26 | void dispose() { 27 | _tabController.dispose(); 28 | super.dispose(); 29 | } 30 | 31 | @override 32 | Widget build(BuildContext context) { 33 | return Scaffold( 34 | appBar: AppBar( 35 | brightness: Brightness.light, 36 | title: Row( 37 | mainAxisAlignment: MainAxisAlignment.spaceBetween, 38 | children: [ 39 | Row( 40 | children: [ 41 | Text('facebook', style: TextStyle(color: Colors.blueAccent, fontSize: 27.0, fontWeight: FontWeight.bold)), 42 | ], 43 | ), 44 | 45 | Row( 46 | mainAxisAlignment: MainAxisAlignment.end, 47 | children: [ 48 | Icon(Icons.search, color: Colors.black), 49 | 50 | SizedBox(width: 15.0), 51 | 52 | Icon(FontAwesomeIcons.facebookMessenger, color: Colors.black) 53 | ] 54 | ), 55 | ], 56 | ), 57 | backgroundColor: Colors.white, 58 | elevation: 0.0, 59 | bottom: TabBar( 60 | indicatorColor: Colors.blueAccent, 61 | controller: _tabController, 62 | unselectedLabelColor: Colors.grey, 63 | labelColor: Colors.blueAccent, 64 | tabs: [ 65 | Tab(icon: Icon(Icons.home, size: 30.0)), 66 | Tab(icon: Icon(Icons.people, size: 30.0)), 67 | Tab(icon: Icon(Icons.ondemand_video, size: 30.0)), 68 | Tab(icon: Icon(Icons.account_circle, size: 30.0)), 69 | Tab(icon: Icon(Icons.notifications, size: 30.0)), 70 | Tab(icon: Icon(Icons.menu, size: 30.0)) 71 | ], 72 | ), 73 | ), 74 | body: TabBarView( 75 | controller: _tabController, 76 | children: [ 77 | HomeTab(), 78 | FriendsTab(), 79 | WatchTab(), 80 | ProfileTab(), 81 | NotificationsTab(), 82 | MenuTab() 83 | ] 84 | ), 85 | ); 86 | } 87 | } -------------------------------------------------------------------------------- /lib/tabs/friends_tab.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | class FriendsTab extends StatelessWidget { 4 | @override 5 | Widget build(BuildContext context) { 6 | return SingleChildScrollView( 7 | child: Container( 8 | padding: EdgeInsets.symmetric(horizontal: 15.0, vertical: 15.0), 9 | child: Column( 10 | mainAxisAlignment: MainAxisAlignment.start, 11 | crossAxisAlignment: CrossAxisAlignment.start, 12 | children: [ 13 | Text('Friends', style: TextStyle(fontSize: 25.0, fontWeight: FontWeight.bold)), 14 | SizedBox(height: 15.0), 15 | Row( 16 | children: [ 17 | Container( 18 | padding: EdgeInsets.symmetric(horizontal: 15.0, vertical: 10.0), 19 | decoration: BoxDecoration( 20 | color: Colors.grey[300], 21 | borderRadius: BorderRadius.circular(30.0) 22 | ), 23 | child: Text('Suggestions', style: TextStyle(fontSize: 17.0, fontWeight: FontWeight.bold)), 24 | ), 25 | 26 | SizedBox(width: 10.0), 27 | 28 | Container( 29 | padding: EdgeInsets.symmetric(horizontal: 15.0, vertical: 10.0), 30 | decoration: BoxDecoration( 31 | color: Colors.grey[300], 32 | borderRadius: BorderRadius.circular(30.0) 33 | ), 34 | child: Text('All Friends', style: TextStyle(fontSize: 17.0, fontWeight: FontWeight.bold)), 35 | ) 36 | ], 37 | ), 38 | 39 | Divider(height: 30.0), 40 | 41 | Row( 42 | children: [ 43 | Text('Friend Requests', style: TextStyle(fontSize: 21.0, fontWeight: FontWeight.bold)), 44 | 45 | SizedBox(width: 10.0), 46 | 47 | Text('8', style: TextStyle(fontSize: 21.0, fontWeight: FontWeight.bold, color: Colors.red)), 48 | ], 49 | ), 50 | 51 | SizedBox(height: 20.0), 52 | 53 | Row( 54 | children: [ 55 | CircleAvatar( 56 | backgroundImage: AssetImage('assets/chris.jpg'), 57 | radius: 40.0, 58 | ), 59 | SizedBox(width: 20.0), 60 | Column( 61 | mainAxisAlignment: MainAxisAlignment.center, 62 | crossAxisAlignment: CrossAxisAlignment.start, 63 | children: [ 64 | Text('Chris', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)), 65 | SizedBox(height: 15.0), 66 | Row( 67 | children: [ 68 | Container( 69 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 70 | decoration: BoxDecoration( 71 | color: Colors.blue, 72 | borderRadius: BorderRadius.circular(5.0) 73 | ), 74 | child: Text('Confirm', style: TextStyle(color: Colors.white, fontSize: 15.0)), 75 | ), 76 | SizedBox(width: 10.0), 77 | Container( 78 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 79 | decoration: BoxDecoration( 80 | color: Colors.grey[300], 81 | borderRadius: BorderRadius.circular(5.0) 82 | ), 83 | child: Text('Delete', style: TextStyle(color: Colors.black, fontSize: 15.0)), 84 | ), 85 | ], 86 | ) 87 | ], 88 | ) 89 | ], 90 | ), 91 | 92 | SizedBox(height: 20.0), 93 | 94 | Row( 95 | children: [ 96 | CircleAvatar( 97 | backgroundImage: AssetImage('assets/adelle.jpg'), 98 | radius: 40.0, 99 | ), 100 | SizedBox(width: 20.0), 101 | Column( 102 | mainAxisAlignment: MainAxisAlignment.center, 103 | crossAxisAlignment: CrossAxisAlignment.start, 104 | children: [ 105 | Text('Adelle', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)), 106 | SizedBox(height: 15.0), 107 | Row( 108 | children: [ 109 | Container( 110 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 111 | decoration: BoxDecoration( 112 | color: Colors.blue, 113 | borderRadius: BorderRadius.circular(5.0) 114 | ), 115 | child: Text('Confirm', style: TextStyle(color: Colors.white, fontSize: 15.0)), 116 | ), 117 | SizedBox(width: 10.0), 118 | Container( 119 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 120 | decoration: BoxDecoration( 121 | color: Colors.grey[300], 122 | borderRadius: BorderRadius.circular(5.0) 123 | ), 124 | child: Text('Delete', style: TextStyle(color: Colors.black, fontSize: 15.0)), 125 | ), 126 | ], 127 | ) 128 | ], 129 | ) 130 | ], 131 | ), 132 | 133 | SizedBox(height: 20.0), 134 | 135 | Row( 136 | children: [ 137 | CircleAvatar( 138 | backgroundImage: AssetImage('assets/dan.jpg'), 139 | radius: 40.0, 140 | ), 141 | SizedBox(width: 20.0), 142 | Column( 143 | mainAxisAlignment: MainAxisAlignment.center, 144 | crossAxisAlignment: CrossAxisAlignment.start, 145 | children: [ 146 | Text('Danny smith', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)), 147 | SizedBox(height: 15.0), 148 | Row( 149 | children: [ 150 | Container( 151 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 152 | decoration: BoxDecoration( 153 | color: Colors.blue, 154 | borderRadius: BorderRadius.circular(5.0) 155 | ), 156 | child: Text('Confirm', style: TextStyle(color: Colors.white, fontSize: 15.0)), 157 | ), 158 | SizedBox(width: 10.0), 159 | Container( 160 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 161 | decoration: BoxDecoration( 162 | color: Colors.grey[300], 163 | borderRadius: BorderRadius.circular(5.0) 164 | ), 165 | child: Text('Delete', style: TextStyle(color: Colors.black, fontSize: 15.0)), 166 | ), 167 | ], 168 | ) 169 | ], 170 | ) 171 | ], 172 | ), 173 | 174 | SizedBox(height: 20.0), 175 | 176 | Row( 177 | children: [ 178 | CircleAvatar( 179 | backgroundImage: AssetImage('assets/eddison.jpg'), 180 | radius: 40.0, 181 | ), 182 | SizedBox(width: 20.0), 183 | Column( 184 | mainAxisAlignment: MainAxisAlignment.center, 185 | crossAxisAlignment: CrossAxisAlignment.start, 186 | children: [ 187 | Text('Eddison', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)), 188 | SizedBox(height: 15.0), 189 | Row( 190 | children: [ 191 | Container( 192 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 193 | decoration: BoxDecoration( 194 | color: Colors.blue, 195 | borderRadius: BorderRadius.circular(5.0) 196 | ), 197 | child: Text('Confirm', style: TextStyle(color: Colors.white, fontSize: 15.0)), 198 | ), 199 | SizedBox(width: 10.0), 200 | Container( 201 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 202 | decoration: BoxDecoration( 203 | color: Colors.grey[300], 204 | borderRadius: BorderRadius.circular(5.0) 205 | ), 206 | child: Text('Delete', style: TextStyle(color: Colors.black, fontSize: 15.0)), 207 | ), 208 | ], 209 | ) 210 | ], 211 | ) 212 | ], 213 | ), 214 | 215 | SizedBox(height: 20.0), 216 | 217 | Row( 218 | children: [ 219 | CircleAvatar( 220 | backgroundImage: AssetImage('assets/jeremy.jpg'), 221 | radius: 40.0, 222 | ), 223 | SizedBox(width: 20.0), 224 | Column( 225 | mainAxisAlignment: MainAxisAlignment.center, 226 | crossAxisAlignment: CrossAxisAlignment.start, 227 | children: [ 228 | Text('Jeremy', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)), 229 | SizedBox(height: 15.0), 230 | Row( 231 | children: [ 232 | Container( 233 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 234 | decoration: BoxDecoration( 235 | color: Colors.blue, 236 | borderRadius: BorderRadius.circular(5.0) 237 | ), 238 | child: Text('Confirm', style: TextStyle(color: Colors.white, fontSize: 15.0)), 239 | ), 240 | SizedBox(width: 10.0), 241 | Container( 242 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 243 | decoration: BoxDecoration( 244 | color: Colors.grey[300], 245 | borderRadius: BorderRadius.circular(5.0) 246 | ), 247 | child: Text('Delete', style: TextStyle(color: Colors.black, fontSize: 15.0)), 248 | ), 249 | ], 250 | ) 251 | ], 252 | ) 253 | ], 254 | ), 255 | 256 | SizedBox(height: 20.0), 257 | 258 | Row( 259 | children: [ 260 | CircleAvatar( 261 | backgroundImage: AssetImage('assets/joey.jpg'), 262 | radius: 40.0, 263 | ), 264 | SizedBox(width: 20.0), 265 | Column( 266 | mainAxisAlignment: MainAxisAlignment.center, 267 | crossAxisAlignment: CrossAxisAlignment.start, 268 | children: [ 269 | Text('Joey', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)), 270 | SizedBox(height: 15.0), 271 | Row( 272 | children: [ 273 | Container( 274 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 275 | decoration: BoxDecoration( 276 | color: Colors.blue, 277 | borderRadius: BorderRadius.circular(5.0) 278 | ), 279 | child: Text('Confirm', style: TextStyle(color: Colors.white, fontSize: 15.0)), 280 | ), 281 | SizedBox(width: 10.0), 282 | Container( 283 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 284 | decoration: BoxDecoration( 285 | color: Colors.grey[300], 286 | borderRadius: BorderRadius.circular(5.0) 287 | ), 288 | child: Text('Delete', style: TextStyle(color: Colors.black, fontSize: 15.0)), 289 | ), 290 | ], 291 | ) 292 | ], 293 | ) 294 | ], 295 | ), 296 | 297 | SizedBox(height: 20.0), 298 | 299 | Row( 300 | children: [ 301 | CircleAvatar( 302 | backgroundImage: AssetImage('assets/kalle.jpg'), 303 | radius: 40.0, 304 | ), 305 | SizedBox(width: 20.0), 306 | Column( 307 | mainAxisAlignment: MainAxisAlignment.center, 308 | crossAxisAlignment: CrossAxisAlignment.start, 309 | children: [ 310 | Text('Kalle Jackson', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)), 311 | SizedBox(height: 15.0), 312 | Row( 313 | children: [ 314 | Container( 315 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 316 | decoration: BoxDecoration( 317 | color: Colors.blue, 318 | borderRadius: BorderRadius.circular(5.0) 319 | ), 320 | child: Text('Confirm', style: TextStyle(color: Colors.white, fontSize: 15.0)), 321 | ), 322 | SizedBox(width: 10.0), 323 | Container( 324 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 325 | decoration: BoxDecoration( 326 | color: Colors.grey[300], 327 | borderRadius: BorderRadius.circular(5.0) 328 | ), 329 | child: Text('Delete', style: TextStyle(color: Colors.black, fontSize: 15.0)), 330 | ), 331 | ], 332 | ) 333 | ], 334 | ) 335 | ], 336 | ), 337 | 338 | SizedBox(height: 20.0), 339 | 340 | Row( 341 | children: [ 342 | CircleAvatar( 343 | backgroundImage: AssetImage('assets/marcus.jpg'), 344 | radius: 40.0, 345 | ), 346 | SizedBox(width: 20.0), 347 | Column( 348 | mainAxisAlignment: MainAxisAlignment.center, 349 | crossAxisAlignment: CrossAxisAlignment.start, 350 | children: [ 351 | Text('Marcus Fenix', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)), 352 | SizedBox(height: 15.0), 353 | Row( 354 | children: [ 355 | Container( 356 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 357 | decoration: BoxDecoration( 358 | color: Colors.blue, 359 | borderRadius: BorderRadius.circular(5.0) 360 | ), 361 | child: Text('Confirm', style: TextStyle(color: Colors.white, fontSize: 15.0)), 362 | ), 363 | SizedBox(width: 10.0), 364 | Container( 365 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 366 | decoration: BoxDecoration( 367 | color: Colors.grey[300], 368 | borderRadius: BorderRadius.circular(5.0) 369 | ), 370 | child: Text('Delete', style: TextStyle(color: Colors.black, fontSize: 15.0)), 371 | ), 372 | ], 373 | ) 374 | ], 375 | ) 376 | ], 377 | ), 378 | 379 | Divider(height: 30.0), 380 | 381 | Text('People You May Know', style: TextStyle(fontSize: 21.0, fontWeight: FontWeight.bold)), 382 | 383 | SizedBox(height: 20.0), 384 | 385 | Row( 386 | children: [ 387 | CircleAvatar( 388 | backgroundImage: AssetImage('assets/mathew.jpg'), 389 | radius: 40.0, 390 | ), 391 | SizedBox(width: 20.0), 392 | Column( 393 | mainAxisAlignment: MainAxisAlignment.center, 394 | crossAxisAlignment: CrossAxisAlignment.start, 395 | children: [ 396 | Text('Mathew', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)), 397 | SizedBox(height: 15.0), 398 | Row( 399 | children: [ 400 | Container( 401 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 402 | decoration: BoxDecoration( 403 | color: Colors.blue, 404 | borderRadius: BorderRadius.circular(5.0) 405 | ), 406 | child: Text('Confirm', style: TextStyle(color: Colors.white, fontSize: 15.0)), 407 | ), 408 | SizedBox(width: 10.0), 409 | Container( 410 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 411 | decoration: BoxDecoration( 412 | color: Colors.grey[300], 413 | borderRadius: BorderRadius.circular(5.0) 414 | ), 415 | child: Text('Delete', style: TextStyle(color: Colors.black, fontSize: 15.0)), 416 | ), 417 | ], 418 | ) 419 | ], 420 | ) 421 | ], 422 | ), 423 | 424 | SizedBox(height: 20.0), 425 | 426 | Row( 427 | children: [ 428 | CircleAvatar( 429 | backgroundImage: AssetImage('assets/joey.jpg'), 430 | radius: 40.0, 431 | ), 432 | SizedBox(width: 20.0), 433 | Column( 434 | mainAxisAlignment: MainAxisAlignment.center, 435 | crossAxisAlignment: CrossAxisAlignment.start, 436 | children: [ 437 | Text('Joey', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)), 438 | SizedBox(height: 15.0), 439 | Row( 440 | children: [ 441 | Container( 442 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 443 | decoration: BoxDecoration( 444 | color: Colors.blue, 445 | borderRadius: BorderRadius.circular(5.0) 446 | ), 447 | child: Text('Confirm', style: TextStyle(color: Colors.white, fontSize: 15.0)), 448 | ), 449 | SizedBox(width: 10.0), 450 | Container( 451 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 452 | decoration: BoxDecoration( 453 | color: Colors.grey[300], 454 | borderRadius: BorderRadius.circular(5.0) 455 | ), 456 | child: Text('Delete', style: TextStyle(color: Colors.black, fontSize: 15.0)), 457 | ), 458 | ], 459 | ) 460 | ], 461 | ) 462 | ], 463 | ), 464 | 465 | SizedBox(height: 20.0), 466 | 467 | Row( 468 | children: [ 469 | CircleAvatar( 470 | backgroundImage: AssetImage('assets/adelle.jpg'), 471 | radius: 40.0, 472 | ), 473 | SizedBox(width: 20.0), 474 | Column( 475 | mainAxisAlignment: MainAxisAlignment.center, 476 | crossAxisAlignment: CrossAxisAlignment.start, 477 | children: [ 478 | Text('Adelle', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)), 479 | SizedBox(height: 15.0), 480 | Row( 481 | children: [ 482 | Container( 483 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 484 | decoration: BoxDecoration( 485 | color: Colors.blue, 486 | borderRadius: BorderRadius.circular(5.0) 487 | ), 488 | child: Text('Confirm', style: TextStyle(color: Colors.white, fontSize: 15.0)), 489 | ), 490 | SizedBox(width: 10.0), 491 | Container( 492 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 493 | decoration: BoxDecoration( 494 | color: Colors.grey[300], 495 | borderRadius: BorderRadius.circular(5.0) 496 | ), 497 | child: Text('Delete', style: TextStyle(color: Colors.black, fontSize: 15.0)), 498 | ), 499 | ], 500 | ) 501 | ], 502 | ) 503 | ], 504 | ), 505 | 506 | SizedBox(height: 20.0), 507 | 508 | Row( 509 | children: [ 510 | CircleAvatar( 511 | backgroundImage: AssetImage('assets/timothy.jpg'), 512 | radius: 40.0, 513 | ), 514 | SizedBox(width: 20.0), 515 | Column( 516 | mainAxisAlignment: MainAxisAlignment.center, 517 | crossAxisAlignment: CrossAxisAlignment.start, 518 | children: [ 519 | Text('Timothy', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)), 520 | SizedBox(height: 15.0), 521 | Row( 522 | children: [ 523 | Container( 524 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 525 | decoration: BoxDecoration( 526 | color: Colors.blue, 527 | borderRadius: BorderRadius.circular(5.0) 528 | ), 529 | child: Text('Confirm', style: TextStyle(color: Colors.white, fontSize: 15.0)), 530 | ), 531 | SizedBox(width: 10.0), 532 | Container( 533 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 534 | decoration: BoxDecoration( 535 | color: Colors.grey[300], 536 | borderRadius: BorderRadius.circular(5.0) 537 | ), 538 | child: Text('Delete', style: TextStyle(color: Colors.black, fontSize: 15.0)), 539 | ), 540 | ], 541 | ) 542 | ], 543 | ) 544 | ], 545 | ), 546 | 547 | SizedBox(height: 20.0), 548 | 549 | Row( 550 | children: [ 551 | CircleAvatar( 552 | backgroundImage: AssetImage('assets/jeremy.jpg'), 553 | radius: 40.0, 554 | ), 555 | SizedBox(width: 20.0), 556 | Column( 557 | mainAxisAlignment: MainAxisAlignment.center, 558 | crossAxisAlignment: CrossAxisAlignment.start, 559 | children: [ 560 | Text('Jeremy', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)), 561 | SizedBox(height: 15.0), 562 | Row( 563 | children: [ 564 | Container( 565 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 566 | decoration: BoxDecoration( 567 | color: Colors.blue, 568 | borderRadius: BorderRadius.circular(5.0) 569 | ), 570 | child: Text('Confirm', style: TextStyle(color: Colors.white, fontSize: 15.0)), 571 | ), 572 | SizedBox(width: 10.0), 573 | Container( 574 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 575 | decoration: BoxDecoration( 576 | color: Colors.grey[300], 577 | borderRadius: BorderRadius.circular(5.0) 578 | ), 579 | child: Text('Delete', style: TextStyle(color: Colors.black, fontSize: 15.0)), 580 | ), 581 | ], 582 | ) 583 | ], 584 | ) 585 | ], 586 | ), 587 | 588 | SizedBox(height: 20.0), 589 | 590 | Row( 591 | children: [ 592 | CircleAvatar( 593 | backgroundImage: AssetImage('assets/tanya.jpg'), 594 | radius: 40.0, 595 | ), 596 | SizedBox(width: 20.0), 597 | Column( 598 | mainAxisAlignment: MainAxisAlignment.center, 599 | crossAxisAlignment: CrossAxisAlignment.start, 600 | children: [ 601 | Text('Tanya', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)), 602 | SizedBox(height: 15.0), 603 | Row( 604 | children: [ 605 | Container( 606 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 607 | decoration: BoxDecoration( 608 | color: Colors.blue, 609 | borderRadius: BorderRadius.circular(5.0) 610 | ), 611 | child: Text('Confirm', style: TextStyle(color: Colors.white, fontSize: 15.0)), 612 | ), 613 | SizedBox(width: 10.0), 614 | Container( 615 | padding: EdgeInsets.symmetric(horizontal: 35.0, vertical: 10.0), 616 | decoration: BoxDecoration( 617 | color: Colors.grey[300], 618 | borderRadius: BorderRadius.circular(5.0) 619 | ), 620 | child: Text('Delete', style: TextStyle(color: Colors.black, fontSize: 15.0)), 621 | ), 622 | ], 623 | ) 624 | ], 625 | ) 626 | ], 627 | ), 628 | SizedBox(height: 20.0) 629 | ], 630 | ) 631 | ), 632 | ); 633 | } 634 | } -------------------------------------------------------------------------------- /lib/tabs/home_tab.dart: -------------------------------------------------------------------------------- 1 | import 'package:facebook_ui_flutter/widgets/write_something_widget.dart'; 2 | import 'package:facebook_ui_flutter/widgets/separator_widget.dart'; 3 | import 'package:facebook_ui_flutter/widgets/post_widget.dart'; 4 | import 'package:facebook_ui_flutter/widgets/stories_widget.dart'; 5 | import 'package:facebook_ui_flutter/widgets/online_widget.dart'; 6 | import 'package:facebook_ui_flutter/models/post.dart'; 7 | import 'package:flutter/material.dart'; 8 | 9 | class HomeTab extends StatelessWidget { 10 | @override 11 | Widget build(BuildContext context) { 12 | return SingleChildScrollView( 13 | child: Column( 14 | children: [ 15 | WriteSomethingWidget(), 16 | SeparatorWidget(), 17 | OnlineWidget(), 18 | SeparatorWidget(), 19 | StoriesWidget(), 20 | for(Post post in posts) Column( 21 | children: [ 22 | SeparatorWidget(), 23 | PostWidget(post: post), 24 | ], 25 | ), 26 | SeparatorWidget(), 27 | ], 28 | ), 29 | ); 30 | } 31 | } -------------------------------------------------------------------------------- /lib/tabs/menu_tab.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:font_awesome_flutter/font_awesome_flutter.dart'; 3 | 4 | class MenuTab extends StatelessWidget { 5 | @override 6 | Widget build(BuildContext context) { 7 | return SingleChildScrollView( 8 | child: Container( 9 | child: Column( 10 | mainAxisAlignment: MainAxisAlignment.start, 11 | crossAxisAlignment: CrossAxisAlignment.start, 12 | children: [ 13 | Padding( 14 | padding: const EdgeInsets.fromLTRB(15.0, 15.0, 0.0, 15.0), 15 | child: Text('Menu', style: TextStyle(fontSize: 25.0, fontWeight: FontWeight.bold)), 16 | ), 17 | 18 | Row( 19 | children: [ 20 | SizedBox(width: 15.0), 21 | CircleAvatar( 22 | radius: 25.0, 23 | backgroundImage: AssetImage('assets/Mike Tyler.jpg'), 24 | ), 25 | SizedBox(width: 20.0), 26 | Column( 27 | mainAxisAlignment: MainAxisAlignment.spaceAround, 28 | crossAxisAlignment: CrossAxisAlignment.start, 29 | children: [ 30 | Text('Mike Tyler', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 18.0)), 31 | SizedBox(height: 5.0), 32 | Text('See your profile', style: TextStyle(color: Colors.grey),) 33 | ], 34 | ), 35 | ], 36 | ), 37 | 38 | Padding( 39 | padding: const EdgeInsets.symmetric(horizontal: 15.0), 40 | child: Divider(height: 20.0), 41 | ), 42 | 43 | Container( 44 | padding: EdgeInsets.symmetric(horizontal: 10.0, vertical: 5.0), 45 | child: Row( 46 | mainAxisAlignment: MainAxisAlignment.spaceAround, 47 | children: [ 48 | Container( 49 | width: MediaQuery.of(context).size.width/2 - 20, 50 | height: 85.0, 51 | padding: EdgeInsets.only(left: 20.0), 52 | decoration: BoxDecoration( 53 | border: Border.all(width: 1.0, color: Colors.grey[300]), 54 | borderRadius: BorderRadius.circular(10.0) 55 | ), 56 | child: Column( 57 | mainAxisAlignment: MainAxisAlignment.center, 58 | crossAxisAlignment: CrossAxisAlignment.start, 59 | children: [ 60 | Icon(Icons.group, color: Colors.blue, size: 30.0), 61 | SizedBox(height: 5.0), 62 | Text('Groups', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)) 63 | ], 64 | ), 65 | ), 66 | 67 | Container( 68 | width: MediaQuery.of(context).size.width/2 - 30, 69 | height: 85.0, 70 | padding: EdgeInsets.only(left: 20.0), 71 | decoration: BoxDecoration( 72 | border: Border.all(width: 1.0, color: Colors.grey[300]), 73 | borderRadius: BorderRadius.circular(10.0) 74 | ), 75 | child: Column( 76 | mainAxisAlignment: MainAxisAlignment.center, 77 | crossAxisAlignment: CrossAxisAlignment.start, 78 | children: [ 79 | Icon(Icons.shopping_basket, color: Colors.blue, size: 30.0), 80 | SizedBox(height: 5.0), 81 | Text('Marketplace', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)) 82 | ], 83 | ), 84 | ) 85 | ], 86 | ), 87 | ), 88 | 89 | Container( 90 | padding: EdgeInsets.symmetric(horizontal: 10.0, vertical: 5.0), 91 | child: Row( 92 | mainAxisAlignment: MainAxisAlignment.spaceAround, 93 | children: [ 94 | Container( 95 | width: MediaQuery.of(context).size.width/2 - 20, 96 | height: 85.0, 97 | padding: EdgeInsets.only(left: 20.0), 98 | decoration: BoxDecoration( 99 | border: Border.all(width: 1.0, color: Colors.grey[300]), 100 | borderRadius: BorderRadius.circular(10.0) 101 | ), 102 | child: Column( 103 | mainAxisAlignment: MainAxisAlignment.center, 104 | crossAxisAlignment: CrossAxisAlignment.start, 105 | children: [ 106 | Icon(Icons.person, color: Colors.blue, size: 30.0), 107 | SizedBox(height: 5.0), 108 | Text('Friends', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)) 109 | ], 110 | ), 111 | ), 112 | 113 | Container( 114 | width: MediaQuery.of(context).size.width/2 - 30, 115 | height: 85.0, 116 | padding: EdgeInsets.only(left: 20.0), 117 | decoration: BoxDecoration( 118 | border: Border.all(width: 1.0, color: Colors.grey[300]), 119 | borderRadius: BorderRadius.circular(10.0) 120 | ), 121 | child: Column( 122 | mainAxisAlignment: MainAxisAlignment.center, 123 | crossAxisAlignment: CrossAxisAlignment.start, 124 | children: [ 125 | Icon(Icons.history, color: Colors.blue, size: 30.0), 126 | SizedBox(height: 5.0), 127 | Text('Memories', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)) 128 | ], 129 | ), 130 | ) 131 | ], 132 | ), 133 | ), 134 | 135 | Container( 136 | padding: EdgeInsets.symmetric(horizontal: 10.0, vertical: 5.0), 137 | child: Row( 138 | mainAxisAlignment: MainAxisAlignment.spaceAround, 139 | children: [ 140 | Container( 141 | width: MediaQuery.of(context).size.width/2 - 20, 142 | height: 85.0, 143 | padding: EdgeInsets.only(left: 20.0), 144 | decoration: BoxDecoration( 145 | border: Border.all(width: 1.0, color: Colors.grey[300]), 146 | borderRadius: BorderRadius.circular(10.0) 147 | ), 148 | child: Column( 149 | mainAxisAlignment: MainAxisAlignment.center, 150 | crossAxisAlignment: CrossAxisAlignment.start, 151 | children: [ 152 | Icon(Icons.flag, color: Colors.blue, size: 30.0), 153 | SizedBox(height: 5.0), 154 | Text('Pages', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)) 155 | ], 156 | ), 157 | ), 158 | 159 | Container( 160 | width: MediaQuery.of(context).size.width/2 - 30, 161 | height: 85.0, 162 | padding: EdgeInsets.only(left: 20.0), 163 | decoration: BoxDecoration( 164 | border: Border.all(width: 1.0, color: Colors.grey[300]), 165 | borderRadius: BorderRadius.circular(10.0) 166 | ), 167 | child: Column( 168 | mainAxisAlignment: MainAxisAlignment.center, 169 | crossAxisAlignment: CrossAxisAlignment.start, 170 | children: [ 171 | Icon(Icons.save_alt, color: Colors.blue, size: 30.0), 172 | SizedBox(height: 5.0), 173 | Text('Saved', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)) 174 | ], 175 | ), 176 | ) 177 | ], 178 | ), 179 | ), 180 | 181 | Container( 182 | padding: EdgeInsets.symmetric(horizontal: 10.0, vertical: 5.0), 183 | child: Row( 184 | mainAxisAlignment: MainAxisAlignment.spaceAround, 185 | children: [ 186 | Container( 187 | width: MediaQuery.of(context).size.width/2 - 20, 188 | height: 85.0, 189 | padding: EdgeInsets.only(left: 20.0), 190 | decoration: BoxDecoration( 191 | border: Border.all(width: 1.0, color: Colors.grey[300]), 192 | borderRadius: BorderRadius.circular(10.0) 193 | ), 194 | child: Column( 195 | mainAxisAlignment: MainAxisAlignment.center, 196 | crossAxisAlignment: CrossAxisAlignment.start, 197 | children: [ 198 | Icon(FontAwesomeIcons.shoppingBag, color: Colors.blue, size: 25.0), 199 | SizedBox(height: 5.0), 200 | Text('Jobs', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)) 201 | ], 202 | ), 203 | ), 204 | 205 | Container( 206 | width: MediaQuery.of(context).size.width/2 - 30, 207 | height: 85.0, 208 | padding: EdgeInsets.only(left: 20.0), 209 | decoration: BoxDecoration( 210 | border: Border.all(width: 1.0, color: Colors.grey[300]), 211 | borderRadius: BorderRadius.circular(10.0) 212 | ), 213 | child: Column( 214 | mainAxisAlignment: MainAxisAlignment.center, 215 | crossAxisAlignment: CrossAxisAlignment.start, 216 | children: [ 217 | Icon(Icons.event, color: Colors.blue, size: 30.0), 218 | SizedBox(height: 5.0), 219 | Text('Events', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)) 220 | ], 221 | ), 222 | ) 223 | ], 224 | ), 225 | ), 226 | 227 | Container( 228 | width: MediaQuery.of(context).size.width, 229 | height: 65.0, 230 | padding: EdgeInsets.symmetric(horizontal: 15.0), 231 | child: Row( 232 | mainAxisAlignment: MainAxisAlignment.spaceBetween, 233 | children: [ 234 | Row( 235 | mainAxisAlignment: MainAxisAlignment.spaceAround, 236 | children: [ 237 | Icon(Icons.help, size: 40.0, color: Colors.grey[700]), 238 | SizedBox(width: 10.0), 239 | Text('Help & Support', style: TextStyle(fontSize: 17.0)), 240 | ], 241 | ), 242 | Icon(Icons.arrow_drop_down, size: 30.0), 243 | ], 244 | ), 245 | ), 246 | 247 | Divider(), 248 | 249 | Container( 250 | width: MediaQuery.of(context).size.width, 251 | height: 65.0, 252 | padding: EdgeInsets.symmetric(horizontal: 15.0), 253 | child: Row( 254 | mainAxisAlignment: MainAxisAlignment.spaceBetween, 255 | children: [ 256 | Row( 257 | mainAxisAlignment: MainAxisAlignment.spaceAround, 258 | children: [ 259 | Icon(Icons.settings, size: 40.0, color: Colors.grey[700]), 260 | SizedBox(width: 10.0), 261 | Text('Settings & Privacy', style: TextStyle(fontSize: 17.0)), 262 | ], 263 | ), 264 | Icon(Icons.arrow_drop_down, size: 30.0), 265 | ], 266 | ), 267 | ), 268 | 269 | Container( 270 | width: MediaQuery.of(context).size.width, 271 | height: 65.0, 272 | padding: EdgeInsets.symmetric(horizontal: 15.0), 273 | child: Row( 274 | mainAxisAlignment: MainAxisAlignment.spaceBetween, 275 | children: [ 276 | Row( 277 | mainAxisAlignment: MainAxisAlignment.spaceAround, 278 | children: [ 279 | Icon(Icons.exit_to_app, size: 40.0, color: Colors.grey[700]), 280 | SizedBox(width: 10.0), 281 | Text('Logout', style: TextStyle(fontSize: 17.0)), 282 | ], 283 | ), 284 | ], 285 | ), 286 | ), 287 | ], 288 | ) 289 | ), 290 | ); 291 | } 292 | } -------------------------------------------------------------------------------- /lib/tabs/notifications_tab.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:facebook_ui_flutter/widgets/notification_widget.dart'; 3 | import 'package:facebook_ui_flutter/models/user_notification.dart'; 4 | class NotificationsTab extends StatelessWidget { 5 | @override 6 | Widget build(BuildContext context) { 7 | return SingleChildScrollView( 8 | child: Container( 9 | child: Column( 10 | mainAxisAlignment: MainAxisAlignment.start, 11 | crossAxisAlignment: CrossAxisAlignment.start, 12 | children: [ 13 | Padding( 14 | padding: const EdgeInsets.fromLTRB(15.0, 15.0, 0.0, 15.0), 15 | child: Text('Notifications', style: TextStyle(fontSize: 25.0, fontWeight: FontWeight.bold)), 16 | ), 17 | 18 | for(UserNotification notification in notifications) NotificationWidget(notification: notification) 19 | ], 20 | ) 21 | ), 22 | ); 23 | } 24 | } -------------------------------------------------------------------------------- /lib/tabs/profile_tab.dart: -------------------------------------------------------------------------------- 1 | import 'package:facebook_ui_flutter/widgets/separator_widget.dart'; 2 | import 'package:flutter/material.dart'; 3 | 4 | class ProfileTab extends StatelessWidget { 5 | @override 6 | Widget build(BuildContext context) { 7 | return SingleChildScrollView( 8 | child: Column( 9 | children: [ 10 | Container( 11 | height: 360.0, 12 | child: Stack( 13 | children: [ 14 | Container( 15 | margin: EdgeInsets.symmetric(horizontal: 15.0, vertical: 15.0), 16 | height: 180.0, 17 | decoration: BoxDecoration( 18 | image: DecorationImage(image: AssetImage('assets/cover.jpg'), fit: BoxFit.cover), 19 | borderRadius: BorderRadius.circular(10.0) 20 | ), 21 | ), 22 | 23 | Column( 24 | mainAxisAlignment: MainAxisAlignment.end, 25 | children: [ 26 | CircleAvatar( 27 | backgroundImage: AssetImage('assets/Mike Tyler.jpg'), 28 | radius: 70.0, 29 | ), 30 | SizedBox(height: 20.0), 31 | Text('Mike Tyler', style: TextStyle(fontSize: 24.0, fontWeight: FontWeight.bold)), 32 | SizedBox(height: 20.0), 33 | Row( 34 | mainAxisAlignment: MainAxisAlignment.spaceEvenly, 35 | children: [ 36 | Container( 37 | height: 40.0, 38 | width: MediaQuery.of(context).size.width - 80, 39 | decoration: BoxDecoration( 40 | color: Colors.blue, 41 | borderRadius: BorderRadius.circular(5.0) 42 | ), 43 | child: Center(child: Text('Add to Story', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 16.0))), 44 | ), 45 | Container( 46 | height: 40.0, 47 | width: 45.0, 48 | decoration: BoxDecoration( 49 | color: Colors.grey[300], 50 | borderRadius: BorderRadius.circular(5.0) 51 | ), 52 | child: Icon(Icons.more_horiz), 53 | ) 54 | ], 55 | ) 56 | ], 57 | ) 58 | ], 59 | ), 60 | ), 61 | 62 | Padding( 63 | padding: const EdgeInsets.fromLTRB(15.0, 0.0, 15.0, 0.0), 64 | child: Divider(height: 40.0), 65 | ), 66 | 67 | Container( 68 | padding: EdgeInsets.symmetric(horizontal: 15.0), 69 | child: Column( 70 | children: [ 71 | Row( 72 | children: [ 73 | Icon(Icons.home, color: Colors.grey, size: 30.0), 74 | SizedBox(width: 10.0), 75 | Text('Lives in New York', style: TextStyle(fontSize: 16.0)) 76 | ], 77 | ), 78 | SizedBox(height: 15.0), 79 | Row( 80 | children: [ 81 | Icon(Icons.location_on, color: Colors.grey, size: 30.0), 82 | SizedBox(width: 10.0), 83 | Text('From New York', style: TextStyle(fontSize: 16.0)) 84 | ], 85 | ), 86 | SizedBox(height: 15.0), 87 | Row( 88 | children: [ 89 | Icon(Icons.more_horiz, color: Colors.grey, size: 30.0), 90 | SizedBox(width: 10.0), 91 | Text('See your About Info', style: TextStyle(fontSize: 16.0)) 92 | ], 93 | ), 94 | 95 | SizedBox(height: 15.0), 96 | 97 | Container( 98 | height: 40.0, 99 | decoration: BoxDecoration( 100 | color: Colors.lightBlueAccent.withOpacity(0.25), 101 | borderRadius: BorderRadius.circular(5.0), 102 | ), 103 | child: Center(child: Text('Edit Public Details', style: TextStyle(color: Colors.blue, fontWeight: FontWeight.bold, fontSize: 16.0))), 104 | ), 105 | ], 106 | ), 107 | ), 108 | 109 | Divider(height: 40.0), 110 | 111 | Container( 112 | padding: EdgeInsets.symmetric(horizontal: 15.0), 113 | child: Column( 114 | children: [ 115 | Row( 116 | mainAxisAlignment: MainAxisAlignment.spaceBetween, 117 | children: [ 118 | Column( 119 | mainAxisAlignment: MainAxisAlignment.center, 120 | crossAxisAlignment: CrossAxisAlignment.start, 121 | children: [ 122 | Text('Friends', style: TextStyle(fontSize: 22.0, fontWeight: FontWeight.bold)), 123 | SizedBox(height: 6.0), 124 | Text('536 friends', style: TextStyle(fontSize: 16.0, color: Colors.grey[800])), 125 | ], 126 | ), 127 | Text('Find Friends', style: TextStyle(fontSize: 16.0, color: Colors.blue)), 128 | ], 129 | ), 130 | 131 | Padding( 132 | padding: const EdgeInsets.only(top: 15.0), 133 | child: Row( 134 | mainAxisAlignment: MainAxisAlignment.spaceBetween, 135 | children: [ 136 | Column( 137 | crossAxisAlignment: CrossAxisAlignment.start, 138 | children: [ 139 | Container( 140 | height: MediaQuery.of(context).size.width/3 -20 , 141 | width: MediaQuery.of(context).size.width/3 - 20, 142 | decoration: BoxDecoration( 143 | image: DecorationImage(image: AssetImage('assets/samantha.jpg')), 144 | borderRadius: BorderRadius.circular(10.0) 145 | ), 146 | ), 147 | SizedBox(height: 5.0), 148 | Text('Samantha', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)) 149 | ], 150 | ), 151 | Column( 152 | crossAxisAlignment: CrossAxisAlignment.start, 153 | children: [ 154 | Container( 155 | height: MediaQuery.of(context).size.width/3 -20 , 156 | width: MediaQuery.of(context).size.width/3 - 20, 157 | decoration: BoxDecoration( 158 | image: DecorationImage(image: AssetImage('assets/andrew.jpg')), 159 | borderRadius: BorderRadius.circular(10.0) 160 | ), 161 | ), 162 | SizedBox(height: 5.0), 163 | Text('Andrew', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)) 164 | ], 165 | ), 166 | Column( 167 | crossAxisAlignment: CrossAxisAlignment.start, 168 | children: [ 169 | Container( 170 | height: MediaQuery.of(context).size.width/3 -20 , 171 | width: MediaQuery.of(context).size.width/3 - 20, 172 | decoration: BoxDecoration( 173 | image: DecorationImage(image: AssetImage('assets/Sam Wilson.jpg'), fit: BoxFit.cover), 174 | borderRadius: BorderRadius.circular(10.0) 175 | ), 176 | ), 177 | SizedBox(height: 5.0), 178 | Text('Sam Wilson', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)) 179 | ], 180 | ), 181 | ], 182 | ), 183 | ), 184 | 185 | Padding( 186 | padding: const EdgeInsets.only(top: 15.0), 187 | child: Row( 188 | mainAxisAlignment: MainAxisAlignment.spaceBetween, 189 | children: [ 190 | Column( 191 | crossAxisAlignment: CrossAxisAlignment.start, 192 | children: [ 193 | Container( 194 | height: MediaQuery.of(context).size.width/3 -20 , 195 | width: MediaQuery.of(context).size.width/3 - 20, 196 | decoration: BoxDecoration( 197 | image: DecorationImage(image: AssetImage('assets/steven.jpg')), 198 | borderRadius: BorderRadius.circular(10.0) 199 | ), 200 | ), 201 | SizedBox(height: 5.0), 202 | Text('Steven', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)) 203 | ], 204 | ), 205 | Column( 206 | crossAxisAlignment: CrossAxisAlignment.start, 207 | children: [ 208 | Container( 209 | height: MediaQuery.of(context).size.width/3 -20 , 210 | width: MediaQuery.of(context).size.width/3 - 20, 211 | decoration: BoxDecoration( 212 | image: DecorationImage(image: AssetImage('assets/greg.jpg')), 213 | borderRadius: BorderRadius.circular(10.0) 214 | ), 215 | ), 216 | SizedBox(height: 5.0), 217 | Text('Greg', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)) 218 | ], 219 | ), 220 | Column( 221 | crossAxisAlignment: CrossAxisAlignment.start, 222 | children: [ 223 | Container( 224 | height: MediaQuery.of(context).size.width/3 -20 , 225 | width: MediaQuery.of(context).size.width/3 - 20, 226 | decoration: BoxDecoration( 227 | image: DecorationImage(image: AssetImage('assets/andy.jpg'), fit: BoxFit.cover), 228 | borderRadius: BorderRadius.circular(10.0) 229 | ), 230 | ), 231 | SizedBox(height: 5.0), 232 | Text('Andy', style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold)) 233 | ], 234 | ), 235 | ], 236 | ), 237 | ), 238 | 239 | Container( 240 | margin: EdgeInsets.symmetric(vertical: 15.0), 241 | height: 40.0, 242 | decoration: BoxDecoration( 243 | color: Colors.grey[300], 244 | borderRadius: BorderRadius.circular(5.0), 245 | ), 246 | child: Center(child: Text('See All Friends', style: TextStyle(color: Colors.black, fontWeight: FontWeight.bold, fontSize: 16.0))), 247 | ), 248 | ], 249 | ), 250 | ), 251 | SeparatorWidget() 252 | ], 253 | ) 254 | ); 255 | } 256 | } -------------------------------------------------------------------------------- /lib/tabs/watch_tab.dart: -------------------------------------------------------------------------------- 1 | import 'package:facebook_ui_flutter/widgets/separator_widget.dart'; 2 | import 'package:flutter/material.dart'; 3 | import 'package:font_awesome_flutter/font_awesome_flutter.dart'; 4 | import 'package:youtube_player_flutter/youtube_player_flutter.dart'; 5 | 6 | class WatchTab extends StatefulWidget { 7 | @override 8 | _WatchTabState createState() => _WatchTabState(); 9 | } 10 | 11 | class _WatchTabState extends State { 12 | String videoUrl1 = 'https://www.youtube.com/watch?v=j5-yKhDd64s'; 13 | YoutubePlayerController _controller1; 14 | 15 | String videoUrl2 = 'https://www.youtube.com/watch?v=E1ZVSFfCk9g'; 16 | YoutubePlayerController _controller2; 17 | 18 | @override 19 | void initState() { 20 | super.initState(); 21 | _controller1 = YoutubePlayerController(initialVideoId: YoutubePlayer.convertUrlToId(videoUrl1)); 22 | _controller2 = YoutubePlayerController(initialVideoId: YoutubePlayer.convertUrlToId(videoUrl2)); 23 | } 24 | 25 | @override 26 | void dispose() { 27 | super.dispose(); 28 | _controller1.dispose(); 29 | _controller2.dispose(); 30 | } 31 | 32 | @override 33 | Widget build(BuildContext context) { 34 | return SingleChildScrollView( 35 | child: SingleChildScrollView( 36 | child: Container( 37 | child: Column( 38 | mainAxisAlignment: MainAxisAlignment.start, 39 | crossAxisAlignment: CrossAxisAlignment.start, 40 | children: [ 41 | Padding( 42 | padding: const EdgeInsets.fromLTRB(15.0, 15.0, 0.0, 0.0), 43 | child: Text('Watch', style: TextStyle(fontSize: 25.0, fontWeight: FontWeight.bold)), 44 | ), 45 | 46 | Container( 47 | height: 60.0, 48 | padding: EdgeInsets.symmetric(vertical: 10.0), 49 | child: ListView( 50 | scrollDirection: Axis.horizontal, 51 | children: [ 52 | SizedBox(width: 15.0), 53 | Container( 54 | padding: EdgeInsets.symmetric(horizontal: 20.0, vertical: 2.0), 55 | decoration: BoxDecoration( 56 | borderRadius: BorderRadius.circular(40.0), 57 | color: Colors.grey[300] 58 | ), 59 | child: Row( 60 | mainAxisAlignment: MainAxisAlignment.spaceAround, 61 | crossAxisAlignment: CrossAxisAlignment.center, 62 | children: [ 63 | Icon(Icons.videocam, size: 20.0), 64 | SizedBox(width: 5.0), 65 | Text('Live', style: TextStyle(fontWeight: FontWeight.bold)) 66 | ], 67 | ), 68 | ), 69 | 70 | SizedBox(width: 10.0), 71 | 72 | Container( 73 | padding: EdgeInsets.symmetric(horizontal: 20.0, vertical: 2.0), 74 | decoration: BoxDecoration( 75 | borderRadius: BorderRadius.circular(40.0), 76 | color: Colors.grey[300] 77 | ), 78 | child: Row( 79 | mainAxisAlignment: MainAxisAlignment.spaceAround, 80 | crossAxisAlignment: CrossAxisAlignment.center, 81 | children: [ 82 | Icon(Icons.music_note, size: 20.0), 83 | SizedBox(width: 5.0), 84 | Text('Music', style: TextStyle(fontWeight: FontWeight.bold)) 85 | ], 86 | ), 87 | ), 88 | 89 | SizedBox(width: 10.0), 90 | 91 | Container( 92 | padding: EdgeInsets.symmetric(horizontal: 20.0, vertical: 2.0), 93 | decoration: BoxDecoration( 94 | borderRadius: BorderRadius.circular(40.0), 95 | color: Colors.grey[300] 96 | ), 97 | child: Row( 98 | mainAxisAlignment: MainAxisAlignment.spaceAround, 99 | crossAxisAlignment: CrossAxisAlignment.center, 100 | children: [ 101 | Icon(Icons.check_box, size: 20.0), 102 | SizedBox(width: 5.0), 103 | Text('Following', style: TextStyle(fontWeight: FontWeight.bold)) 104 | ], 105 | ), 106 | ), 107 | 108 | SizedBox(width: 10.0), 109 | 110 | Container( 111 | padding: EdgeInsets.symmetric(horizontal: 20.0, vertical: 2.0), 112 | decoration: BoxDecoration( 113 | borderRadius: BorderRadius.circular(40.0), 114 | color: Colors.grey[300] 115 | ), 116 | child: Row( 117 | mainAxisAlignment: MainAxisAlignment.spaceAround, 118 | crossAxisAlignment: CrossAxisAlignment.center, 119 | children: [ 120 | Icon(Icons.fastfood, size: 20.0), 121 | SizedBox(width: 5.0), 122 | Text('Food', style: TextStyle(fontWeight: FontWeight.bold)) 123 | ], 124 | ), 125 | ), 126 | 127 | SizedBox(width: 10.0), 128 | 129 | Container( 130 | padding: EdgeInsets.symmetric(horizontal: 20.0, vertical: 2.0), 131 | decoration: BoxDecoration( 132 | borderRadius: BorderRadius.circular(40.0), 133 | color: Colors.grey[300] 134 | ), 135 | child: Row( 136 | mainAxisAlignment: MainAxisAlignment.spaceAround, 137 | crossAxisAlignment: CrossAxisAlignment.center, 138 | children: [ 139 | Icon(Icons.gamepad, size: 20.0), 140 | SizedBox(width: 5.0), 141 | Text('Gaming', style: TextStyle(fontWeight: FontWeight.bold)) 142 | ], 143 | ), 144 | ), 145 | 146 | SizedBox(width: 15.0), 147 | ], 148 | ), 149 | ), 150 | 151 | SeparatorWidget(), 152 | 153 | Column( 154 | children: [ 155 | Padding( 156 | padding: const EdgeInsets.fromLTRB(15.0, 15.0, 0.0, 0.0), 157 | child: Row( 158 | children: [ 159 | CircleAvatar( 160 | backgroundImage: AssetImage('assets/greg.jpg'), 161 | radius: 20.0, 162 | ), 163 | SizedBox(width: 7.0), 164 | Column( 165 | mainAxisAlignment: MainAxisAlignment.center, 166 | crossAxisAlignment: CrossAxisAlignment.start, 167 | children: [ 168 | Text('Greg', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 17.0)), 169 | SizedBox(height: 5.0), 170 | Text('7h') 171 | ], 172 | ), 173 | ], 174 | ), 175 | ), 176 | 177 | SizedBox(height: 20.0), 178 | 179 | YoutubePlayer(controller: _controller1), 180 | 181 | SizedBox(height: 10.0), 182 | 183 | Padding( 184 | padding: const EdgeInsets.symmetric(horizontal: 15.0), 185 | child: Row( 186 | mainAxisAlignment: MainAxisAlignment.spaceBetween, 187 | children: [ 188 | Row( 189 | children: [ 190 | Icon(FontAwesomeIcons.thumbsUp, size: 15.0, color: Colors.blue), 191 | Text(' 23'), 192 | ], 193 | ), 194 | Row( 195 | children: [ 196 | Text('2 comments • '), 197 | Text('1 share'), 198 | ], 199 | ), 200 | ], 201 | ), 202 | ), 203 | 204 | Padding( 205 | padding: const EdgeInsets.symmetric(horizontal: 15.0), 206 | child: Divider(height: 30.0), 207 | ), 208 | 209 | Padding( 210 | padding: const EdgeInsets.symmetric(horizontal: 15.0), 211 | child: Row( 212 | mainAxisAlignment: MainAxisAlignment.spaceAround, 213 | crossAxisAlignment: CrossAxisAlignment.center, 214 | children: [ 215 | Row( 216 | children: [ 217 | Icon(FontAwesomeIcons.thumbsUp, size: 20.0), 218 | SizedBox(width: 5.0), 219 | Text('Like', style: TextStyle(fontSize: 14.0)), 220 | ], 221 | ), 222 | Row( 223 | children: [ 224 | Icon(FontAwesomeIcons.commentAlt, size: 20.0), 225 | SizedBox(width: 5.0), 226 | Text('Comment', style: TextStyle(fontSize: 14.0)), 227 | ], 228 | ), 229 | Row( 230 | children: [ 231 | Icon(FontAwesomeIcons.share, size: 20.0), 232 | SizedBox(width: 5.0), 233 | Text('Share', style: TextStyle(fontSize: 14.0)), 234 | ], 235 | ), 236 | ], 237 | ), 238 | ) 239 | ], 240 | ), 241 | 242 | SizedBox(height: 20.0), 243 | 244 | SeparatorWidget(), 245 | 246 | Column( 247 | children: [ 248 | Padding( 249 | padding: const EdgeInsets.fromLTRB(15.0, 15.0, 0.0, 0.0), 250 | child: Row( 251 | children: [ 252 | CircleAvatar( 253 | backgroundImage: AssetImage('assets/olivia.jpg'), 254 | radius: 20.0, 255 | ), 256 | SizedBox(width: 7.0), 257 | Column( 258 | mainAxisAlignment: MainAxisAlignment.center, 259 | crossAxisAlignment: CrossAxisAlignment.start, 260 | children: [ 261 | Text('Olivia', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 17.0)), 262 | SizedBox(height: 5.0), 263 | Text('10h') 264 | ], 265 | ), 266 | ], 267 | ), 268 | ), 269 | 270 | SizedBox(height: 20.0), 271 | 272 | YoutubePlayer(controller: _controller2), 273 | 274 | SizedBox(height: 10.0), 275 | 276 | Padding( 277 | padding: const EdgeInsets.symmetric(horizontal: 15.0), 278 | child: Row( 279 | mainAxisAlignment: MainAxisAlignment.spaceBetween, 280 | children: [ 281 | Row( 282 | children: [ 283 | Icon(FontAwesomeIcons.thumbsUp, size: 15.0, color: Colors.blue), 284 | Text(' 98'), 285 | ], 286 | ), 287 | Row( 288 | children: [ 289 | Text('12 comments • '), 290 | Text('6 shares'), 291 | ], 292 | ), 293 | ], 294 | ), 295 | ), 296 | 297 | Padding( 298 | padding: const EdgeInsets.symmetric(horizontal: 15.0), 299 | child: Divider(height: 30.0), 300 | ), 301 | 302 | Padding( 303 | padding: const EdgeInsets.symmetric(horizontal: 15.0), 304 | child: Row( 305 | mainAxisAlignment: MainAxisAlignment.spaceAround, 306 | crossAxisAlignment: CrossAxisAlignment.center, 307 | children: [ 308 | Row( 309 | children: [ 310 | Icon(FontAwesomeIcons.thumbsUp, size: 20.0), 311 | SizedBox(width: 5.0), 312 | Text('Like', style: TextStyle(fontSize: 14.0)), 313 | ], 314 | ), 315 | Row( 316 | children: [ 317 | Icon(FontAwesomeIcons.commentAlt, size: 20.0), 318 | SizedBox(width: 5.0), 319 | Text('Comment', style: TextStyle(fontSize: 14.0)), 320 | ], 321 | ), 322 | Row( 323 | children: [ 324 | Icon(FontAwesomeIcons.share, size: 20.0), 325 | SizedBox(width: 5.0), 326 | Text('Share', style: TextStyle(fontSize: 14.0)), 327 | ], 328 | ), 329 | ], 330 | ), 331 | ) 332 | ], 333 | ), 334 | 335 | SizedBox(height: 20.0), 336 | 337 | SeparatorWidget(), 338 | ], 339 | ) 340 | ), 341 | ), 342 | ); 343 | } 344 | } -------------------------------------------------------------------------------- /lib/widgets/notification_widget.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:facebook_ui_flutter/models/user_notification.dart'; 3 | 4 | class NotificationWidget extends StatelessWidget { 5 | 6 | final UserNotification notification; 7 | 8 | NotificationWidget({ 9 | this.notification 10 | }); 11 | 12 | @override 13 | Widget build(BuildContext context) { 14 | return Container( 15 | width: MediaQuery.of(context).size.width, 16 | height: 100.0, 17 | padding: EdgeInsets.symmetric(horizontal: 15.0), 18 | child: Row( 19 | mainAxisAlignment: MainAxisAlignment.spaceBetween, 20 | children: [ 21 | Row( 22 | mainAxisAlignment: MainAxisAlignment.start, 23 | children: [ 24 | CircleAvatar( 25 | backgroundImage: AssetImage(notification.imageUrl), 26 | radius: 35.0, 27 | ), 28 | 29 | SizedBox(width: 15.0), 30 | 31 | Column( 32 | mainAxisAlignment: MainAxisAlignment.center, 33 | crossAxisAlignment: CrossAxisAlignment.start, 34 | children: [ 35 | Text(notification.content, style: TextStyle(fontSize: 17.0, fontWeight: FontWeight.bold)), 36 | Text(notification.time, style: TextStyle(fontSize: 15.0, color: Colors.grey)), 37 | ], 38 | ), 39 | ], 40 | ), 41 | Column( 42 | mainAxisAlignment: MainAxisAlignment.spaceAround, 43 | children: [ 44 | Icon(Icons.more_horiz), 45 | Text(''), 46 | ], 47 | ) 48 | ], 49 | ), 50 | ); 51 | } 52 | } -------------------------------------------------------------------------------- /lib/widgets/online_widget.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | class OnlineWidget extends StatelessWidget { 4 | @override 5 | Widget build(BuildContext context) { 6 | return Container( 7 | height: 75.0, 8 | padding: EdgeInsets.symmetric(vertical: 15.0), 9 | child: ListView( 10 | scrollDirection: Axis.horizontal, 11 | children: [ 12 | SizedBox(width: 15.0), 13 | Container( 14 | padding: EdgeInsets.symmetric(horizontal: 15.0, vertical: 2.0), 15 | decoration: BoxDecoration( 16 | borderRadius: BorderRadius.circular(40.0), 17 | border: Border.all( 18 | width: 1.0, 19 | color: Colors.blue 20 | ) 21 | ), 22 | child: Row( 23 | mainAxisAlignment: MainAxisAlignment.spaceAround, 24 | crossAxisAlignment: CrossAxisAlignment.center, 25 | children: [ 26 | Icon(Icons.video_call, size: 30.0, color: Colors.purple), 27 | SizedBox(width: 5.0), 28 | Column( 29 | mainAxisAlignment: MainAxisAlignment.center, 30 | children: [ 31 | Text('Create', style: TextStyle(color: Colors.blue)), 32 | Text('Room', style: TextStyle(color: Colors.blue)), 33 | ], 34 | ) 35 | ], 36 | ), 37 | ), 38 | 39 | SizedBox(width: 15.0), 40 | 41 | Stack( 42 | children: [ 43 | CircleAvatar( 44 | radius: 22.0, 45 | backgroundImage: AssetImage('assets/samantha.jpg'), 46 | ), 47 | Positioned( 48 | right: 1.0, 49 | bottom: 1.0, 50 | child: CircleAvatar( 51 | radius: 6.0, 52 | backgroundColor: Colors.green, 53 | ), 54 | ), 55 | ], 56 | ), 57 | 58 | SizedBox(width: 15.0), 59 | 60 | Stack( 61 | children: [ 62 | CircleAvatar( 63 | radius: 22.0, 64 | backgroundImage: AssetImage('assets/Sam Wilson.jpg'), 65 | ), 66 | Positioned( 67 | right: 1.0, 68 | bottom: 1.0, 69 | child: CircleAvatar( 70 | radius: 6.0, 71 | backgroundColor: Colors.green, 72 | ), 73 | ), 74 | ], 75 | ), 76 | 77 | SizedBox(width: 15.0), 78 | 79 | Stack( 80 | children: [ 81 | CircleAvatar( 82 | radius: 22.0, 83 | backgroundImage: AssetImage('assets/greg.jpg'), 84 | ), 85 | Positioned( 86 | right: 1.0, 87 | bottom: 1.0, 88 | child: CircleAvatar( 89 | radius: 6.0, 90 | backgroundColor: Colors.green, 91 | ), 92 | ), 93 | ], 94 | ), 95 | 96 | SizedBox(width: 15.0), 97 | 98 | Stack( 99 | children: [ 100 | CircleAvatar( 101 | radius: 22.0, 102 | backgroundImage: AssetImage('assets/james.jpg'), 103 | ), 104 | Positioned( 105 | right: 1.0, 106 | bottom: 1.0, 107 | child: CircleAvatar( 108 | radius: 6.0, 109 | backgroundColor: Colors.green, 110 | ), 111 | ), 112 | ], 113 | ), 114 | 115 | SizedBox(width: 15.0), 116 | 117 | Stack( 118 | children: [ 119 | CircleAvatar( 120 | radius: 22.0, 121 | backgroundImage: AssetImage('assets/john.jpg'), 122 | ), 123 | Positioned( 124 | right: 1.0, 125 | bottom: 1.0, 126 | child: CircleAvatar( 127 | radius: 6.0, 128 | backgroundColor: Colors.green, 129 | ), 130 | ), 131 | ], 132 | ), 133 | 134 | SizedBox(width: 15.0), 135 | 136 | Stack( 137 | children: [ 138 | CircleAvatar( 139 | radius: 22.0, 140 | backgroundImage: AssetImage('assets/olivia.jpg'), 141 | ), 142 | Positioned( 143 | right: 1.0, 144 | bottom: 1.0, 145 | child: CircleAvatar( 146 | radius: 6.0, 147 | backgroundColor: Colors.green, 148 | ), 149 | ), 150 | ], 151 | ), 152 | 153 | SizedBox(width: 15.0), 154 | 155 | Stack( 156 | children: [ 157 | CircleAvatar( 158 | radius: 22.0, 159 | backgroundImage: AssetImage('assets/sophia.jpg'), 160 | ), 161 | Positioned( 162 | right: 1.0, 163 | bottom: 1.0, 164 | child: CircleAvatar( 165 | radius: 6.0, 166 | backgroundColor: Colors.green, 167 | ), 168 | ), 169 | ], 170 | ), 171 | 172 | SizedBox(width: 15.0), 173 | 174 | Stack( 175 | children: [ 176 | CircleAvatar( 177 | radius: 22.0, 178 | backgroundImage: AssetImage('assets/steven.jpg'), 179 | ), 180 | Positioned( 181 | right: 1.0, 182 | bottom: 1.0, 183 | child: CircleAvatar( 184 | radius: 6.0, 185 | backgroundColor: Colors.green, 186 | ), 187 | ), 188 | ], 189 | ), 190 | 191 | SizedBox(width: 15.0), 192 | 193 | Stack( 194 | children: [ 195 | CircleAvatar( 196 | radius: 22.0, 197 | backgroundImage: AssetImage('assets/andy.jpg'), 198 | ), 199 | Positioned( 200 | right: 1.0, 201 | bottom: 1.0, 202 | child: CircleAvatar( 203 | radius: 6.0, 204 | backgroundColor: Colors.green, 205 | ), 206 | ), 207 | ], 208 | ), 209 | 210 | SizedBox(width: 15.0), 211 | 212 | Stack( 213 | children: [ 214 | CircleAvatar( 215 | radius: 22.0, 216 | backgroundImage: AssetImage('assets/andrew.jpg'), 217 | ), 218 | Positioned( 219 | right: 1.0, 220 | bottom: 1.0, 221 | child: CircleAvatar( 222 | radius: 6.0, 223 | backgroundColor: Colors.green, 224 | ), 225 | ), 226 | ], 227 | ), 228 | 229 | SizedBox(width: 15.0), 230 | ], 231 | ), 232 | ); 233 | } 234 | } -------------------------------------------------------------------------------- /lib/widgets/post_widget.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:facebook_ui_flutter/models/post.dart'; 3 | import 'package:font_awesome_flutter/font_awesome_flutter.dart'; 4 | 5 | class PostWidget extends StatelessWidget { 6 | 7 | final Post post; 8 | 9 | PostWidget({ 10 | this.post 11 | }); 12 | 13 | @override 14 | Widget build(BuildContext context) { 15 | return Container( 16 | padding: EdgeInsets.all(15.0), 17 | child: Column( 18 | children: [ 19 | Row( 20 | children: [ 21 | CircleAvatar( 22 | backgroundImage: AssetImage(post.profileImageUrl), 23 | radius: 20.0, 24 | ), 25 | SizedBox(width: 7.0), 26 | Column( 27 | mainAxisAlignment: MainAxisAlignment.center, 28 | crossAxisAlignment: CrossAxisAlignment.start, 29 | children: [ 30 | Text(post.username, style: TextStyle(fontWeight: FontWeight.bold, fontSize: 17.0)), 31 | SizedBox(height: 5.0), 32 | Text(post.time) 33 | ], 34 | ), 35 | ], 36 | ), 37 | 38 | SizedBox(height: 20.0), 39 | 40 | Text(post.content, style: TextStyle(fontSize: 15.0)), 41 | 42 | SizedBox(height: 10.0), 43 | 44 | Row( 45 | mainAxisAlignment: MainAxisAlignment.spaceBetween, 46 | children: [ 47 | Row( 48 | children: [ 49 | Icon(FontAwesomeIcons.thumbsUp, size: 15.0, color: Colors.blue), 50 | Text(' ${post.likes}'), 51 | ], 52 | ), 53 | Row( 54 | children: [ 55 | Text('${post.comments} comments • '), 56 | Text('${post.shares} shares'), 57 | ], 58 | ), 59 | ], 60 | ), 61 | 62 | Divider(height: 30.0), 63 | 64 | Row( 65 | mainAxisAlignment: MainAxisAlignment.spaceAround, 66 | crossAxisAlignment: CrossAxisAlignment.center, 67 | children: [ 68 | Row( 69 | children: [ 70 | Icon(FontAwesomeIcons.thumbsUp, size: 20.0), 71 | SizedBox(width: 5.0), 72 | Text('Like', style: TextStyle(fontSize: 14.0)), 73 | ], 74 | ), 75 | Row( 76 | children: [ 77 | Icon(FontAwesomeIcons.commentAlt, size: 20.0), 78 | SizedBox(width: 5.0), 79 | Text('Comment', style: TextStyle(fontSize: 14.0)), 80 | ], 81 | ), 82 | Row( 83 | children: [ 84 | Icon(FontAwesomeIcons.share, size: 20.0), 85 | SizedBox(width: 5.0), 86 | Text('Share', style: TextStyle(fontSize: 14.0)), 87 | ], 88 | ), 89 | ], 90 | ) 91 | ], 92 | ), 93 | ); 94 | } 95 | } -------------------------------------------------------------------------------- /lib/widgets/separator_widget.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | class SeparatorWidget extends StatelessWidget { 4 | @override 5 | Widget build(BuildContext context) { 6 | return Container( 7 | color: Colors.grey[400], 8 | width: MediaQuery.of(context).size.width, 9 | height: 11.0, 10 | ); 11 | } 12 | } -------------------------------------------------------------------------------- /lib/widgets/stories_widget.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | class StoriesWidget extends StatelessWidget { 4 | @override 5 | Widget build(BuildContext context) { 6 | return Container( 7 | height: 220.0, 8 | padding: EdgeInsets.symmetric(vertical: 15.0), 9 | child: ListView( 10 | scrollDirection: Axis.horizontal, 11 | children: [ 12 | SizedBox(width: 15.0), 13 | Container( 14 | width: 120.0, 15 | decoration: BoxDecoration( 16 | borderRadius: BorderRadius.circular(10.0), 17 | image: DecorationImage(image: AssetImage('assets/story1.jpg'), fit: BoxFit.cover) 18 | ), 19 | ), 20 | SizedBox(width: 10.0), 21 | Container( 22 | width: 120.0, 23 | decoration: BoxDecoration( 24 | image: DecorationImage(image: AssetImage('assets/story2.jpg'), fit: BoxFit.cover), 25 | borderRadius: BorderRadius.circular(10.0) 26 | ), 27 | ), 28 | SizedBox(width: 10.0), 29 | Container( 30 | width: 120.0, 31 | decoration: BoxDecoration( 32 | image: DecorationImage(image: AssetImage('assets/story3.jpg'), fit: BoxFit.cover), 33 | borderRadius: BorderRadius.circular(10.0) 34 | ), 35 | ), 36 | SizedBox(width: 10.0), 37 | Container( 38 | width: 120.0, 39 | decoration: BoxDecoration( 40 | image: DecorationImage(image: AssetImage('assets/story4.jpg'), fit: BoxFit.cover), 41 | borderRadius: BorderRadius.circular(10.0) 42 | ), 43 | ), 44 | SizedBox(width: 10.0), 45 | Container( 46 | width: 120.0, 47 | decoration: BoxDecoration( 48 | image: DecorationImage(image: AssetImage('assets/story5.jpg'), fit: BoxFit.cover), 49 | borderRadius: BorderRadius.circular(10.0) 50 | ), 51 | ), 52 | SizedBox(width: 10.0), 53 | Container( 54 | width: 120.0, 55 | decoration: BoxDecoration( 56 | image: DecorationImage(image: AssetImage('assets/story6.jpg'), fit: BoxFit.cover), 57 | borderRadius: BorderRadius.circular(10.0) 58 | ), 59 | ), 60 | SizedBox(width: 10.0), 61 | Container( 62 | width: 120.0, 63 | decoration: BoxDecoration( 64 | image: DecorationImage(image: AssetImage('assets/story7.jpg'), fit: BoxFit.cover), 65 | borderRadius: BorderRadius.circular(10.0) 66 | ), 67 | ), 68 | SizedBox(width: 10.0), 69 | Container( 70 | width: 120.0, 71 | decoration: BoxDecoration( 72 | image: DecorationImage(image: AssetImage('assets/story8.jpg'), fit: BoxFit.cover), 73 | borderRadius: BorderRadius.circular(10.0) 74 | ), 75 | ), 76 | SizedBox(width: 15.0), 77 | ], 78 | ), 79 | ); 80 | } 81 | } -------------------------------------------------------------------------------- /lib/widgets/write_something_widget.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | class WriteSomethingWidget extends StatelessWidget { 4 | @override 5 | Widget build(BuildContext context) { 6 | return Container( 7 | child: Column( 8 | children: [ 9 | Container( 10 | padding: EdgeInsets.symmetric(horizontal: 20.0, vertical: 10.0), 11 | child: Row( 12 | mainAxisAlignment: MainAxisAlignment.spaceAround, 13 | crossAxisAlignment: CrossAxisAlignment.center, 14 | children: [ 15 | CircleAvatar( 16 | radius: 28.0, 17 | backgroundImage: AssetImage('assets/Mike Tyler.jpg'), 18 | ), 19 | 20 | SizedBox(width: 7.0), 21 | 22 | Container( 23 | padding: const EdgeInsets.symmetric(horizontal: 20.0, vertical: 10.0), 24 | height: 70.0, 25 | width: MediaQuery.of(context).size.width/1.4, 26 | decoration: BoxDecoration( 27 | border: Border.all( 28 | width: 1.0, 29 | color: Colors.grey[400] 30 | ), 31 | borderRadius: BorderRadius.circular(30.0) 32 | ), 33 | child: Text('Write something here...'), 34 | ) 35 | ], 36 | ), 37 | ), 38 | 39 | Divider(), 40 | 41 | Container( 42 | margin: EdgeInsets.symmetric(vertical: 10.0), 43 | child: Row( 44 | mainAxisAlignment: MainAxisAlignment.spaceEvenly, 45 | crossAxisAlignment: CrossAxisAlignment.center, 46 | children: [ 47 | Row( 48 | children: [ 49 | Icon(Icons.live_tv, size: 20.0, color: Colors.pink,), 50 | SizedBox(width: 5.0,), 51 | Text('Live', style: TextStyle(color: Colors.grey[600], fontWeight: FontWeight.bold, fontSize: 16.0)), 52 | ], 53 | ), 54 | Container(height: 20, child: VerticalDivider(color: Colors.grey[600])), 55 | Row( 56 | children: [ 57 | Icon(Icons.photo_library, size: 20.0, color: Colors.green,), 58 | SizedBox(width: 5.0), 59 | Text('Photo', style: TextStyle(color: Colors.grey[600], fontWeight: FontWeight.bold, fontSize: 16.0)), 60 | ], 61 | ), 62 | Container(height: 20, child: VerticalDivider(color: Colors.grey[600])), 63 | Row( 64 | children: [ 65 | Icon(Icons.video_call, size: 20.0, color: Colors.purple,), 66 | SizedBox(width: 5.0,), 67 | Text('Room', style: TextStyle(color: Colors.grey[600], fontWeight: FontWeight.bold, fontSize: 16.0)), 68 | ], 69 | ) 70 | ], 71 | ), 72 | ) 73 | ], 74 | ), 75 | ); 76 | } 77 | } -------------------------------------------------------------------------------- /pubspec.lock: -------------------------------------------------------------------------------- 1 | # Generated by pub 2 | # See https://dart.dev/tools/pub/glossary#lockfile 3 | packages: 4 | archive: 5 | dependency: transitive 6 | description: 7 | name: archive 8 | url: "https://pub.dartlang.org" 9 | source: hosted 10 | version: "2.0.13" 11 | args: 12 | dependency: transitive 13 | description: 14 | name: args 15 | url: "https://pub.dartlang.org" 16 | source: hosted 17 | version: "1.6.0" 18 | async: 19 | dependency: transitive 20 | description: 21 | name: async 22 | url: "https://pub.dartlang.org" 23 | source: hosted 24 | version: "2.4.1" 25 | boolean_selector: 26 | dependency: transitive 27 | description: 28 | name: boolean_selector 29 | url: "https://pub.dartlang.org" 30 | source: hosted 31 | version: "2.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 | collection: 40 | dependency: transitive 41 | description: 42 | name: collection 43 | url: "https://pub.dartlang.org" 44 | source: hosted 45 | version: "1.14.12" 46 | convert: 47 | dependency: transitive 48 | description: 49 | name: convert 50 | url: "https://pub.dartlang.org" 51 | source: hosted 52 | version: "2.1.1" 53 | crypto: 54 | dependency: transitive 55 | description: 56 | name: crypto 57 | url: "https://pub.dartlang.org" 58 | source: hosted 59 | version: "2.1.4" 60 | cupertino_icons: 61 | dependency: "direct main" 62 | description: 63 | name: cupertino_icons 64 | url: "https://pub.dartlang.org" 65 | source: hosted 66 | version: "0.1.3" 67 | flutter: 68 | dependency: "direct main" 69 | description: flutter 70 | source: sdk 71 | version: "0.0.0" 72 | flutter_inappwebview: 73 | dependency: transitive 74 | description: 75 | name: flutter_inappwebview 76 | url: "https://pub.dartlang.org" 77 | source: hosted 78 | version: "4.0.0+4" 79 | flutter_statusbarcolor: 80 | dependency: "direct main" 81 | description: 82 | name: flutter_statusbarcolor 83 | url: "https://pub.dartlang.org" 84 | source: hosted 85 | version: "0.2.3" 86 | flutter_test: 87 | dependency: "direct dev" 88 | description: flutter 89 | source: sdk 90 | version: "0.0.0" 91 | font_awesome_flutter: 92 | dependency: "direct main" 93 | description: 94 | name: font_awesome_flutter 95 | url: "https://pub.dartlang.org" 96 | source: hosted 97 | version: "8.8.1" 98 | image: 99 | dependency: transitive 100 | description: 101 | name: image 102 | url: "https://pub.dartlang.org" 103 | source: hosted 104 | version: "2.1.12" 105 | matcher: 106 | dependency: transitive 107 | description: 108 | name: matcher 109 | url: "https://pub.dartlang.org" 110 | source: hosted 111 | version: "0.12.6" 112 | meta: 113 | dependency: transitive 114 | description: 115 | name: meta 116 | url: "https://pub.dartlang.org" 117 | source: hosted 118 | version: "1.1.8" 119 | mime: 120 | dependency: transitive 121 | description: 122 | name: mime 123 | url: "https://pub.dartlang.org" 124 | source: hosted 125 | version: "0.9.7" 126 | path: 127 | dependency: transitive 128 | description: 129 | name: path 130 | url: "https://pub.dartlang.org" 131 | source: hosted 132 | version: "1.6.4" 133 | petitparser: 134 | dependency: transitive 135 | description: 136 | name: petitparser 137 | url: "https://pub.dartlang.org" 138 | source: hosted 139 | version: "2.4.0" 140 | quiver: 141 | dependency: transitive 142 | description: 143 | name: quiver 144 | url: "https://pub.dartlang.org" 145 | source: hosted 146 | version: "2.1.3" 147 | sky_engine: 148 | dependency: transitive 149 | description: flutter 150 | source: sdk 151 | version: "0.0.99" 152 | source_span: 153 | dependency: transitive 154 | description: 155 | name: source_span 156 | url: "https://pub.dartlang.org" 157 | source: hosted 158 | version: "1.7.0" 159 | stack_trace: 160 | dependency: transitive 161 | description: 162 | name: stack_trace 163 | url: "https://pub.dartlang.org" 164 | source: hosted 165 | version: "1.9.3" 166 | stream_channel: 167 | dependency: transitive 168 | description: 169 | name: stream_channel 170 | url: "https://pub.dartlang.org" 171 | source: hosted 172 | version: "2.0.0" 173 | string_scanner: 174 | dependency: transitive 175 | description: 176 | name: string_scanner 177 | url: "https://pub.dartlang.org" 178 | source: hosted 179 | version: "1.0.5" 180 | term_glyph: 181 | dependency: transitive 182 | description: 183 | name: term_glyph 184 | url: "https://pub.dartlang.org" 185 | source: hosted 186 | version: "1.1.0" 187 | test_api: 188 | dependency: transitive 189 | description: 190 | name: test_api 191 | url: "https://pub.dartlang.org" 192 | source: hosted 193 | version: "0.2.15" 194 | typed_data: 195 | dependency: transitive 196 | description: 197 | name: typed_data 198 | url: "https://pub.dartlang.org" 199 | source: hosted 200 | version: "1.1.6" 201 | uuid: 202 | dependency: transitive 203 | description: 204 | name: uuid 205 | url: "https://pub.dartlang.org" 206 | source: hosted 207 | version: "2.2.2" 208 | vector_math: 209 | dependency: transitive 210 | description: 211 | name: vector_math 212 | url: "https://pub.dartlang.org" 213 | source: hosted 214 | version: "2.0.8" 215 | xml: 216 | dependency: transitive 217 | description: 218 | name: xml 219 | url: "https://pub.dartlang.org" 220 | source: hosted 221 | version: "3.6.1" 222 | youtube_player_flutter: 223 | dependency: "direct main" 224 | description: 225 | name: youtube_player_flutter 226 | url: "https://pub.dartlang.org" 227 | source: hosted 228 | version: "7.0.0+7" 229 | sdks: 230 | dart: ">=2.7.0 <3.0.0" 231 | flutter: ">=1.12.13+hotfix.5 <2.0.0" 232 | -------------------------------------------------------------------------------- /pubspec.yaml: -------------------------------------------------------------------------------- 1 | name: facebook_ui_flutter 2 | description: A new Flutter project. 3 | 4 | # The following line prevents the package from being accidentally published to 5 | # pub.dev using `pub publish`. This is preferred for private packages. 6 | publish_to: 'none' # Remove this line if you wish to publish to pub.dev 7 | 8 | # The following defines the version and build number for your application. 9 | # A version number is three numbers separated by dots, like 1.2.43 10 | # followed by an optional build number separated by a +. 11 | # Both the version and the builder number may be overridden in flutter 12 | # build by specifying --build-name and --build-number, respectively. 13 | # In Android, build-name is used as versionName while build-number used as versionCode. 14 | # Read more about Android versioning at https://developer.android.com/studio/publish/versioning 15 | # In iOS, build-name is used as CFBundleShortVersionString while build-number used as CFBundleVersion. 16 | # Read more about iOS versioning at 17 | # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html 18 | version: 1.0.0+1 19 | 20 | environment: 21 | sdk: ">=2.7.0 <3.0.0" 22 | 23 | dependencies: 24 | flutter: 25 | sdk: flutter 26 | 27 | 28 | # The following adds the Cupertino Icons font to your application. 29 | # Use with the CupertinoIcons class for iOS style icons. 30 | cupertino_icons: ^0.1.3 31 | flutter_statusbarcolor: ^0.2.3 32 | font_awesome_flutter: ^8.8.1 33 | youtube_player_flutter: ^7.0.0+7 34 | 35 | dev_dependencies: 36 | flutter_test: 37 | sdk: flutter 38 | 39 | # For information on the generic Dart part of this file, see the 40 | # following page: https://dart.dev/tools/pub/pubspec 41 | 42 | # The following section is specific to Flutter. 43 | flutter: 44 | 45 | # The following line ensures that the Material Icons font is 46 | # included with your application, so that you can use the icons in 47 | # the material Icons class. 48 | uses-material-design: true 49 | 50 | # To add assets to your application, add an assets section, like this: 51 | assets: 52 | - assets/ 53 | # - images/a_dot_ham.jpeg 54 | 55 | # An image asset can refer to one or more resolution-specific "variants", see 56 | # https://flutter.dev/assets-and-images/#resolution-aware. 57 | 58 | # For details regarding adding assets from package dependencies, see 59 | # https://flutter.dev/assets-and-images/#from-packages 60 | 61 | # To add custom fonts to your application, add a fonts section here, 62 | # in this "flutter" section. Each entry in this list should have a 63 | # "family" key with the font family name, and a "fonts" key with a 64 | # list giving the asset and other descriptors for the font. For 65 | # example: 66 | # fonts: 67 | # - family: Schyler 68 | # fonts: 69 | # - asset: fonts/Schyler-Regular.ttf 70 | # - asset: fonts/Schyler-Italic.ttf 71 | # style: italic 72 | # - family: Trajan Pro 73 | # fonts: 74 | # - asset: fonts/TrajanPro.ttf 75 | # - asset: fonts/TrajanPro_Bold.ttf 76 | # weight: 700 77 | # 78 | # For details regarding fonts from package dependencies, 79 | # see https://flutter.dev/custom-fonts/#from-packages 80 | -------------------------------------------------------------------------------- /snapshots/snapshot1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/snapshots/snapshot1.jpeg -------------------------------------------------------------------------------- /snapshots/snapshot2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/snapshots/snapshot2.jpeg -------------------------------------------------------------------------------- /snapshots/snapshot3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/snapshots/snapshot3.jpeg -------------------------------------------------------------------------------- /snapshots/snapshot4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/snapshots/snapshot4.jpeg -------------------------------------------------------------------------------- /snapshots/snapshot5.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/snapshots/snapshot5.jpeg -------------------------------------------------------------------------------- /snapshots/snapshot6.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/snapshots/snapshot6.jpeg -------------------------------------------------------------------------------- /snapshots/snapshot7.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/snapshots/snapshot7.jpeg -------------------------------------------------------------------------------- /snapshots/social-preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ahmedgulabkhan/facebook_ui_flutter/aea025f618e77d2363b2f1db7cd636f8960b00fa/snapshots/social-preview.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_flutter/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 | --------------------------------------------------------------------------------