Flutter Firebase Database example - Firebase Database CRUD with ListView
Tags: flutter, firebase, crud
Published: 2021-04-03 11:19:29

https://grokonez.com/flutter/flutter-firebase-database-example-firebase-database-crud-listview

Flutter Firebase Database example - Firebase Database CRUD with ListView

Firebase Realtime Database is a cloud-hosted database that helps us to store and sync data with NoSQL cloud database in realtime to every connected client. In this tutorial, we’re gonna build a Flutter App that allows us to make CRUD interactions with Firebase Database in a <code>ListView</code>.

Related Posts:
- <a href="https://grokonez.com/android/how-to-integrate-flutter-firebase-tutorial-app-android-studio">How to integrate Firebase into Flutter App – Android Studio</a>
- <a href="https://grokonez.com/android/flutter-navigator-example-navigation-send-return-data-to-from-new-screen">Flutter Navigator example – Send/Return data to/from new Screen</a>
- <a href="https://grokonez.com/android/flutter-listview-example-listview-builder">Flutter ListView example with ListView.builder</a>
- <a href="https://grokonez.com/android/flutter-firestore-example-firebase-firestore-crud-operations-with-listview">Flutter Firestore example – Firebase Firestore CRUD with ListView</a>

<!--more-->
<h2>Flutter Firestore Example Overview</h2>
We will build a Flutter App that supports showing, inserting, editing, deleting Notes from/to Firebase Realtime Database with <code>ListView</code>:

<img src="https://grokonez.com/wp-content/uploads/2018/08/flutter-firebase-database-example-overview.png" alt="flutter-firebase-database-example-overview" width="531" height="915" class="alignnone size-full wp-image-13958" />

Firebase Console for Realtime Database will be like:

<img src="https://grokonez.com/wp-content/uploads/2018/08/flutter-firebase-database-example-database-results.png" alt="flutter-firebase-database-example-database-results" width="566" height="264" class="alignnone size-full wp-image-13959" />

You can find how to:
- use Flutter ListView at: <a href="https://grokonez.com/android/flutter-listview-example-listview-builder">Flutter ListView example with ListView.builder</a>
- send/receive data between screens at: <a href="https://grokonez.com/android/flutter-navigator-example-navigation-send-return-data-to-from-new-screen">Flutter Navigator example – Send/Return data to/from new Screen</a>
<h2>Firebase Realtime Database</h2>
<h3>Configure Android App for Firebase project</h3>
<h4>Register and Integrate Firebase</h4>
We've already had a Tutorial, please visit: <a href="https://grokonez.com/android/how-to-integrate-flutter-firebase-tutorial-app-android-studio">How to integrate Firebase into Flutter App – Android Studio</a>.
<h4>Setup Firebase Database</h4>
Open <a href="https://console.firebase.google.com" rel="nofollow">Firebase Console</a>, and select your project.

Under <strong>Develop</strong>, select <strong>Database</strong>:

<img src="https://grokonez.com/wp-content/uploads/2018/07/integrate-flutter-firebase-example-configure-android-enter-database.png" alt="integrate-flutter-firebase-example-configure-android-enter-database" width="260" height="373" class="alignnone size-full wp-image-13914" />

In <strong>Realtime Database</strong>, set the Rules:

<img src="https://grokonez.com/wp-content/uploads/2018/08/flutter-firebase-database-example-configure-database-rules.png" alt="flutter-firebase-database-example-configure-database-rules" width="389" height="406" class="alignnone size-full wp-image-13957" />

https://grokonez.com/flutter/flutter-firebase-database-example-firebase-database-crud-listview