Generating the UI code - Flutter

Using Flutter framework to test test your UI prototype.

How to use your UI code on Flutter

  1. Extract all files from the .zip file generated by FlutterVision.

  2. Open the Flutter file on the folder on terminal command or on VSCode.

  3. Download the Flutter dependency using "flutter pub get"

  4. Run using the command "flutter run"

VOILÀ! Your project in Flutter is created.

Running on android

  1. Extract all files from the .zip file generated by FlutterVision.

  2. Open the Flutter file on the folder on terminal command or on VSCode.

  3. Download the Flutter dependency using the command "flutter pub get".

  4. Execute the command "flutter create -t app <name of the folder to create the apk>".

  5. Copy the lib folder and pubspec.Yaml and replace on the new folder that had been created.

  6. In the new folder, open the command terminal and run the command "flutter pub get" again.

  7. After run the command "flutter build apk" and the flutter will generate the application in the folder flutter-apk, ready to install and run.

To found the flutter-apk folder, you had to do the following path:

\build\app\outputs\flutter-apk

Last updated