MetaFlutter - A tool to build Flutter layouts on-device

Overview

MetaFlutter

MetaFlutter is a project to create Flutter layouts on device.

Learn, explore and experiment with Flutter widgets directly on your phone.

MetaFlutter allows you to create Flutter layouts using a wide and constantly growing range of Flutter widgets.

Build out an idea you had instantly, try out something you've never tried before or just use it as a tool for Flutter layout demonstrations.

No login. Free to use. Open-source.

Play Store Link

alt text

To start contributing

Read CONTRIBUTING.md to start contributing to this project.

We would love to have you on board.

Comments
  • Added code parsing capability

    Added code parsing capability

    I have added code parsing capability, including colors and widgets with multiple children. usage:

    String code = "..."; //might take this from the user
    ModelWidget widget;
    try {
        widget = toModel(code); 
    } catch(e) {
        //the code was invalid and the function crashed
    }
    if(model != null) {
        //the code was good, we can use the model
    }
    
    opened by yanir-edri 10
  • Gradle issue

    Gradle issue

    i can't run the app. any suggestions BUILD FAILED in 1s Command: /root/Documents/MetaFlutter-master/android/gradlew app:properties

    Finished with error: Please review your Gradle project setup in the android/ folder.

    opened by Fethi-Hamdani 3
  • path may not be null or empty string. path='null'

    path may not be null or empty string. path='null'

    • Error running Gradle: ProcessException: Process "E:\FlutterProjects\MetaFlutter-1.1\android\gradlew.bat" exited abnormally:

    FAILURE: Build failed with an exception.

    • Where: Build file 'E:\FlutterProjects\MetaFlutter-1.1\android\app\build.gradle' line: 54

    • What went wrong: A problem occurred evaluating project ':app'.

    path may not be null or empty string. path='null'

    • Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

    • Get more help at https://help.gradle.org

    BUILD FAILED in 2s Command: E:\FlutterProjects\MetaFlutter-1.1\android\gradlew.bat app:properties

    i think that the keystoreProperties is not founded

    opened by Alexwsc 2
  • how does the proprities change values

    how does the proprities change values

    how does onvaluechanged works?

    `class Property extends StatefulWidget {
      final PropertyType type;
      final ValueChanged onValueChanged;
      final currentValue;
      final WidgetType widgetType;
    
      Property(this.type, this.onValueChanged,
          {this.currentValue, this.widgetType,});
    
      @override
      _PropertyState createState() => _PropertyState();
    }`
    

    i have added border radius for containers like this :

    `    this.params = {
          "width": "0.0",
          "height": "0.0",
          "radius":["0.0","0.0","0.0","0.0"],
        };`
    

    and on the propriety file like this:

    ` case PropertyType.radius:
            return Row(
              children: <Widget>[
                Flexible(
                  child: TextField(
                    decoration: InputDecoration(
                      border: OutlineInputBorder(),
                      labelText: "TopLeft",
                    ),
                    controller: SelectingTextEditingController(
                        text: widget.currentValue[0].toString()),
                    onChanged: widget.onValueChanged,
                    keyboardType: TextInputType.numberWithOptions(
                        signed: true, decimal: true),
                  ),
                ),
                Flexible(
                  child: TextField(
                    decoration: InputDecoration(
                      border: OutlineInputBorder(),
                      labelText: "TopRight",
                    ),
                    controller: SelectingTextEditingController(
                        text: widget.currentValue[1].toString()),
                   onChanged: (String t){
                      setState(() {
                        p
                      });
                   },
                    keyboardType: TextInputType.numberWithOptions(
                        signed: true, decimal: true),
                  ),
                ),
    
              ],
            );`
    

    i added only two for test and it is like the two text feilds are merged the value still apply but changing it doesn't work properly.

    opened by Fethi-Hamdani 2
  • Container decoration update

    Container decoration update

    since containers are widely used in flutter its decoration is a must, i have set up circular border radius for each side (topleft, topright,bottomleft, bottomright) each can be modified separately also i have added border width and color(same fill colors used)

    opened by Fethi-Hamdani 1
  • Long Widget proprieties list

    Long Widget proprieties list

    as in the widget_structure_screen it list all the proprieties of the widget since we may add some other prosperities it look kinda long and boring. any ideas about it or it is ok to add other proprieties for now

    opened by Fethi-Hamdani 1
  • Events

    Events

    This is a cool architecture. Data driven GUI.

    What's your game plan for handling events, post backs to server and pre validation ?

    With darts new FFI I was thinking about adding a WASM or JS plugin that is an interpreter. What do you think ?

    opened by ghost 1
Releases(v1.1)
Owner
Deven Joshi
Google Developer Expert, Flutter | Technical Writer | Speaker
Deven Joshi
SSH no ports provides ssh to a remote Linux device with out that device having any ports open

Ssh! No ports ssh no ports provides a way to ssh to a remote linux host/device without that device having any open ports (not even 22) on external int

The Atsign Foundation 224 Dec 21, 2022
This is tool to create 3D Models which can be used in Flutter Applications. Tool is developed completely using Flutter.

three_d_model_tool A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you start

Shubham Yeole 2 Nov 8, 2022
Collection of cool Layouts built with Flutter to Inspire Other UI developers and explore the possibilities of Flutter.

Awesome_Flutter_Layouts Would you like to Contribute your Designs? Please refer the Contribution guidelines before you dive In Need help? or Looks Som

Mahesh Jamdade 103 Nov 22, 2022
Flutter file based routing - File based routing and nested layouts for Flutter

Flutter File Based Routing I was inspired by the routing in remix.run with neste

Rody Davis 10 Sep 29, 2022
Super Useful Flutter Layouts - Right in Your Pocket. 😉

Super Useful Flutter Layouts - Right in Your Pocket. ?? Update: Flutter web app preview here: https://flutter-layouts-demo.web.app/ YouTube video walk

Andrea Bizzotto 1.2k Jan 8, 2023
Responsive Layouts and Text for Flutter

About flutter_responsive plugin This plugin provides a easy and productive way to work with responsive layouts for Flutter Applications in mobile, des

Rafael Setragni 11 Aug 15, 2021
Additional alignments to help make your layouts more readable (TopLeft, TopRight, etc)

extra alignments Why should Center get all the love? This package adds additional alignments to help make your layouts more readable. The full set inc

gskinner team 13 Jan 6, 2023
Helper for building advanced multi child layouts.

About Boxy is designed to overcome the limitations of Flutter's built-in layout widgets, it provides utilities for flex, custom multi-child layouts, d

Andre 329 Dec 12, 2022
null 0 Feb 16, 2022
Another breakpoint framework. Aims to simplify as much as possible building adaptive layouts.

Another breakpoint framework. Aims to simplify as much as possible building adaptive layouts. Features Really simple implementation Works with and wit

null 3 Sep 26, 2022
A collection of templates to make new Flutter components using the Mason build tool.

Mason Flutter Templates A collection of templates to make new Flutter components using the Mason build tool. Setup in Project To use these templates i

Marcus Twichel 5 Jun 21, 2022
Quickly is build as a tool to enhance your Flutter UI development experience and make code easier

Quickly is build as a tool to enhance your Flutter UI development experience and make code easier. It is highly inspired by Bootstrap and Tailwind CSS. It also provide lots of extension methods on String, List and Map.

Aniket Khote 11 Oct 24, 2022
⚡️ This project uses the flutter UI tool kit to build an education/skill app for offering online tutorials.

⚡️ This project uses the flutter UI tool kit to build an education/skill app for offering online tutorials.

Godson 8 Nov 10, 2022
Easily build your Widgets, Avoid parenthesis nesting, easy to build UI, A little like swift-ui.

tenon_mortise Easily build your Widgets, Avoid parenthesis nesting, easy to build UI, A little like swift-ui. Getting Started Usage To use this plugin

JieLiu 4 Dec 15, 2022
Upload Files To Firebase Storage with Flutter. Pick images, videos, or other files from your device and upload them to Firebase.

Flutter Tutorial - Upload Files To Firebase Storage Upload Files To Firebase Storage with Flutter. Pick images, videos, or other files from your devic

Johannes Milke 30 Dec 28, 2022
A Flutter plugin to request the device unlock screen.

device_unlock A Flutter plugin to request the device unlock screen on Android and iOS. How does it work The following attempts and fallbacks are made:

Cíngulo 19 Sep 7, 2022
A Flutter widget that forces the device rotates into the set of orientations the application interface can be displayed in.

A Flutter widget that forces the device rotates into the set of orientations the application interface can be displayed in. Features Force device keep

De Men 1 Nov 30, 2021
A Flutter plugin for iOS and Android allowing access to the device cameras.

Camera Plugin A Flutter plugin for iOS and Android allowing access to the device cameras. Note: This plugin is still under development, and some APIs

Rebar Ahmad 1 Mar 17, 2020
A Flutter repo with a ready-to-go architecture containing flavors, bloc, device settings, json serialization and connectivity

Flutter Ready to Go A Flutter repo with a ready-to-go architecture containing flavors, bloc, device settings, json serialization and connectivity. Why

null 139 Nov 11, 2022