fml 3.0.0

Flutter Markup Language

Flutter Markup Language

Disclaimer

This is a commercial package. To use this package, you need comply with the FML fair source License

Installation

1. Create a new project with support for all platforms

from the commmand line, run:

flutter create --org com.<your_domain_name> --platforms=android,ios,linux,macos,windows,web <your_app_name>

2. Open the project in your SDK (ex. Android Studio)

3. Download sample main.dart

Download and extract the sample main.dart file.

You can replace main.dart in your projects /lib folder with the main.dart from the .zip file.

4. Download supporting web files

Download the web support files and place them in your projects root level web folder. When asked to replace, choose "yes".

5. Download supporting assets

Create a new folder at the project root called "assets".

Download the supporting assets and place them in the newly created assets folder. If asked to replace, choose "yes".

6. Modify your pubspec.yaml file

Download and extract the sample pubspec.yaml file.

Modify your projects pubspec.yaml file.

a) Add the fml engine package:

fml: ^3.0.0

b) Add the assets reference

assets:

• assets/

• assets/images/

• assets/applications/

  counter app

  • assets/applications/example/
  • assets/applications/example/images/
  • assets/applications/example/templates/

  fmlpad app

  • assets/applications/fmlpad/
  • assets/applications/fmlpad/images/
  • assets/applications/fmlpad/templates/

7. Try running your new app in the web browser

Ensure domain: example1 is set in the FmlEngine() constructor of your new main.dart file. Choose the web browser from the build options and compile and run. If all goes well, you should see the test.appdaddy.co web site running on your local host. In this scneario, FMNL templates rae being server from that web site.

8. Try running your new app on the windows desktop (Single App Mode)

On your fml engine constructor in main.dart, change:

FmlEngine( domain: example2, multiApp: false, ...);

Choose "windows" from the build options and compile and run. If all does well, a desktop window will launch and the FML example application displayed. The templates for this application are located in your local /assets/appications/example folder. The config.xml file in this folder controls various aspects of the site and can be modified accordingly.

9. Try running your new app on the windows desktop (Multi App Mode)

On your fml engine constructor in main.dart, change:

FmlEngine( multiApp: true, ...);

Choose "windows" from the build options and compile and run. If all does well, a desktop window will launch and the store displayed with no application (empty container).

To add the same example we launched above in single app mode, click the "Add App" button, enter the url file://example and name The Example App at the appropriate prompts.

You can also add the FML PAD app by clicking the "Add App" button a second time and entering url file://fmlpad and name Fml Pad at the appropriate prompts.

Clicking on either of these buttons will lauch the application. You can use the mopsue to swipe back or add a back() btton to the template yourself.

10. Android Mobile Support

Your can download android support files

(a) Modify AndroidManifest.xml located in the /android/app/src/main folder of your application.

Add Permissions: