Search code examples
flutterdartflutterflow

Can I build a Frontend in FlutterFlow then export to Flutter to finish coding?

I am learning flutter and dart at the moment. I came across FlutterFlow and I was wondering, could I use FlutterFlow to build the UI of the app, then turn around, take the code, and add it to my IDE and finish coding it with Flutter and dart there?

Solution

  • As I found, you can view the code of the UI and copy it from Developer Menu -> View Code as shown in the following image:

    FlutterFlow (View Code)

    You will see the code with a copy button in the top right corner as shown in the following image:

    FlutterFlow (Code)

    Bounce: When you click on a widget in the screen, it shows only the code of it to let you focus on its implementation.

    Edit: In the same developer menu, there is a Download Code button which allows you to download the source code of the application but it's not available in the Free Plan, Standard and Pro only.

    Lastly: As a piece of personal advice, if you are learning Flutter, then stay away from tools like FlutterFlow until you reach a good level in Flutter Development, so these tools become just an acceleration for your work, not too highly dependent on them.