1. Create a new dart file add_recipe.dart 2. Create a StatefulWidget inside this file 3. Add a Scaffold with an AppBar() 4. Add a form to the Scaffold’s body 5. Inside Recipes widget add a floating action button to load AddRecipe widget 6. Inside AddRecipe: get the reference to the …
1. Create a new file inside lib : recipe_details.dart 2. Create a stateless widget inside this file 3. Add a field to hold the document id to be passed from list screen 4. Return a Scaffold with an AppBar from the 5. Get the collection reference ‘Recipes’ 6. Add a …
Create a new dart file in lib : recipes.dart Create a stateless widget inside the above file
|
1 |
class Recipes extends StatelessWidget {} |
Return a Scaffold with an AppBar from the build function Add a StreamBuilder to the body of the Scaffold
|
1 |
StreamBuilder(stream: ,builder: (context,snapshot){} ) |
Provide the reference of the firestore Collection named ‘Recipes’ to the stream …
Add Firebase to your Flutter app Create a Firebase project Register your app with Firebase Create a Firebase android app inside the Firebase project Add apps’s package name Add app nickname Add SHA-1 fingerprint ( cd android && ./gradlew signingReport ) Add a Firebase configuration file Download the google_services.json file …
The Android system takes some decent amount of time to initialize the app’s processes. In case of an app created with Flutter there is additional initialization work involved for the Flutter engine to start. So the following two events occur before the user can the first screen of the app: …
Create a new Flutter project Create a new stateful widget MyApp in main.dart Create a new stateful widget IntroSlider Create a new Widget EachPage Create an Indicator widget for the PageView Create a new Futter project, remove the existing code of the MyApp widget, and create a new stateless widget …
In this tutorial we are going to create a simple app to display the list of apps installed on a device . We’ll also have the option to filter the list to display only the apps installed by the user or only the system apps . You may also like …
Let me start with the truth – “ViewModel is a choice , not a compulsion” . You can use any architecture that works for you , and probably you have one ( if you don’t then please have one as bloating your UI components is the worst practice ) . …
In this post we are going to explore some of the problems that can be solved by using LiveData . A ViewModel must never reference a view, Lifecycle, or any class that may hold a reference to the activity context. A ViewModel lives longer than an Activity or a Fragment …
During the flow of any app we often need to prompt the user to make some decision e.g. Deleting a file , posting comment etc . Below is the most simple way to show a promt . Here we are using AlertDialog to show a single button dialog , we …