How to create single backend website, iOS app and android app using flutter?

Question

I'm new to dart and flutter.

And I want to know how to create a website, iOS app and Android app with same backend/business logic using flutter.

Little guidance will be appreciable.

Thanks!

Answer 1

As a learning path to building cross-platform apps, I would start with the Flutter codelabs, in this order:

1. Write your first Flutter app, part 1
2. Write Your First Flutter App, part 2
3. Write your first Flutter app on the web
4. Then I would look at Firebase for the backend: Add Firebase to your Flutter app and Firebase for Flutter.

For a nice introductory code example of a multi-platform app (Android, iOS, web, but without backend added) see the Provider Shopper sample.

Lastly, I find the Flutter Widget of the Week series very useful for learning about the purpose and capabilities of each widget.

Answer 2

You can Create a Powerful Backend Using Firebase as a Backend service https://firebase.google.com/

As I'm Doing this for my Client it's very easy with Firebase.

In Firebase Settings Tab

• Click on Add App

you Can connect all the Service and access Database from any platform you just need link Them in Firebase.

• Firebase Provide Option to Add All Three Platforms

• 1. Connect Android App

• 2. Connect IOS App

• 3. Connect Web Version

• When i Starting it was mystery for Me... :D Hope This would help you.

• Helpful resource for learning https://www.youtube.com/channel/UC2d0BYlqQCdF9lJfydl_02Q https://www.youtube.com/channel/UCsBjURrPoezykLs9EqgamOA

Answer 3

You have to take care of few things:

1. Your UI must be responsive in nature, for that use MediaQuery
2. Render your UI based on the Platform.
3. Always check the packages you are using must support flutter web too, because there are a lot of plugins that don't supports flutter web yet.