Yo! In Flutter.
Basically Yo! written in Flutter. Done in a three hour workshop with people who never used Flutter before
- Clone the project
git clone email@example.com:flutterschool/yo-flutter.gitand
- run it
Flutter install instructions:
If you have trouble setting up flutter, ask for support
You've finished this lessen if you see
Create the list layout of your friends. Use the screenshot above as reference.
- Create a
FriendsPagewidget. "Screen" are called "Pages" in Flutter.
- Use the
ListView.builderwidget to show the items. For now, you can use the following data:
final List<Person> friends = [ Person("aaaa", "Frederik Schweiger", "https://lh3.googleusercontent.com/HJalMgJTCQ_Tf3OJrYLrUEYDuY2hQ6vw16Nw9RexsoQyJtl3TaduDICztFsV3-OeGTQqnlOIZlwk9q0=s360-rw-no"), Person("bbbb", "Pascal Welsch", "https://lh3.googleusercontent.com/GtJbCj84PLL8BLTORq_9MDxTR-UUFxwjY7h9dQRZcRrhxQlizifGWE9fZf6hVtlHcx3YSATWhA7qO8M=s360-rw-no"), Person("cccc", "Georg Bednorz", "https://lh3.googleusercontent.com/s4jjTjRsseMEaHhGUYLehPvatrs5h-DDUI7TcJh5RZYUCk73Ggh60IGEXYcxhW795IikC-LN3E9y-1o=s360-rw-no"), Person("dddd", "Seth Ladd", "https://pbs.twimg.com/profile_images/986316447293952000/oZWVUWDs_400x400.jpg"), Person("eeee", "Tim Sneath", "https://pbs.twimg.com/profile_images/653618067084218368/XlQA-oRl_400x400.jpg"), ];
Build the login screen with scoped_model
- Create Android and iOS apps.
- Enable Google Authentication
- Deploy firebase functions
Show real users form firebase
Send push notifications
- You won't see a notification if the app is in foreground
- Test on a real device, not the emulator/simulator
How to build the app
Are you in a hurry and just want to check out the end-result on your phone? In the releases tab you will find a precompiled APK to download
If you would like to compile the code and run the app on your machine, you will have to create a new Firebase project and make sure to add the following files:
- Create a new firebase project https://console.firebase.google.com
- Register the ios and android application
On Android, register the SHA-1 of your local certificate to Firebase to make Google Sign-In work.
keytool -exportcert -list -v \ -alias androiddebugkey -keystore ~/.android/debug.keystore
and download the firebase configuration files to
- Setup Firebase Authentication: Go to
Develop -> Authenticationand set up sign-in method
On iOS you need to edit
ios/Runner/Info.plist and paste in your
Last but not least you will have to deploy the Cloud Function inside the
firebase folder and replace the URL inside the
home_page.dart file. And voilà, you are all set!
Please note that this code is not production ready, it should just show how quick you could build a million dollar app for Android and iOS