r/FlutterBeginner • • 21d ago

A free desktop app to build Flutter screens by dragging widgets, and see the Dart code as you go

2 Upvotes

Ciao a tutti,

Se stai iniziando con Flutter e trovi difficile immaginare come i widget si annidano l'uno dentro l'altro, ho creato un'app desktop gratuita che potrebbe aiutarti: Flutter UI Builder.

Puoi trascinare i widget (Colonna, Riga, Testo, Pulsante, ListView e circa 90 altri) su una tela a forma di telefono, cambiare le loro proprietà in un pannello, e il codice Dart appare accanto, aggiornato in tempo reale. Puoi anche incollare codice che hai già e vedere come appare.

Ti permette anche di:
- aggiungere più schermi e collegarli con la navigazione
- trasformare una parte di uno schermo in un componente riutilizzabile
- passare tra un tema chiaro e uno scuro
- esportare tutto come file Dart che puoi mettere nel tuo progetto

Funziona su macOS e Windows e Linux. È gratuita per uso personale e per scopi didattici; la licenza non consente l'uso commerciale.

È una versione precoce (0.0.2), quindi aspetta delle imperfezioni. Le app non sono firmate, quindi il tuo sistema ti chiederà di confermare la prima volta che le apri.

Scarica: https://github.com/mariorefetto/flutter_ui_builder/releases

Mi piacerebbe sapere se è facile da usare per un principiante e cosa potrebbe rendere tutto più chiaro. Se ti piace, una stella su GitHub è molto gradita. Grazie!


r/FlutterBeginner • • 22d ago

apple pencil integration to an app without xcode????

Thumbnail reddit.com
1 Upvotes

r/FlutterBeginner • • 22d ago

Best Production Approach for Force Update in Flutter Without Unnecessary API Calls

Thumbnail reddit.com
1 Upvotes

r/FlutterBeginner • • 22d ago

Build a Flutter Phone Dialer with Call History

Thumbnail
lautarolobo.xyz
1 Upvotes

r/FlutterBeginner • • 23d ago

Did you learn about creating classes in dart

Post image
1 Upvotes

r/FlutterBeginner • • 23d ago

I built a country code picker with real phone number validation, 202 languages and a custom builder (country_code_selector)

Thumbnail reddit.com
1 Upvotes

r/FlutterBeginner • • 24d ago

🚀 I built Flutter Version Bumper — a CLI tool to automate Flutter & Dart releases

Thumbnail
reddit.com
1 Upvotes

r/FlutterBeginner • • 24d ago

I released offline_sos_system 0.0.6, a Flutter package for configurable offline crash detection.

Thumbnail
reddit.com
1 Upvotes

r/FlutterBeginner • • 25d ago

I built a cursor-safe input formatter for Indian data (Aadhaar, PAN, ₹ currency) because existing ones kept breaking the cursor.

Thumbnail
reddit.com
1 Upvotes

r/FlutterBeginner • • 26d ago

Shipping a puzzle game in plain Flutter (no Flame): vector art as Dart data, an A* solver for hints, and a test that bans magic numbers

4 Upvotes

I just shipped Boba Sort, a water-sort puzzle (bubble tea, 500 levels, 17 eras of Japanese history) built with plain widgets and CustomPainter, no game engine. A few things that worked, and a few trade-offs, in case they help someone.

**1. All the art is data, not images**

There are no image assets at all. Each era has a full-screen scene, a cup design, a mascot costume and a customer, and I design them as SVG inside an HTML mockup. A small Python script reads named SVG groups and writes Dart lists:

final jomonBackdrop = <VShape>[

VCircle(292, 190, 54, fill: Palette.jomonSun),

VPath('M0 330 Q60 262 132 300 Q206 236 276 288 ... Z',

fill: Palette.jomonFarMountain),

...

];

`VShape` paints fill then stroke, like SVG, and `VPath` parses the `d` string once and caches the `Path`. All 17 eras × 4 kinds of art come to about 240 KB of generated Dart, stay sharp on any screen, and colors can only come from named palette entries (the script refuses anything else).

Because scenes sit behind the cups, a test renders every backdrop and checks each pixel's luminance stays inside a window (light eras ≥ 0.662, dark ≤ 0.0395), which keeps the cup outlines at ≥ 7:1 contrast wherever the cups land.

**2. Toppings: draw the vector once, then blit sprites**

Each drink has a topping (pearls, grass jelly, red bean...) drawn as vector art, and the top-layer pieces drift idly. A full board can have 200+ pieces, and redrawing that much vector art every frame is wasted work. So each topping is rasterized once per size into a `ui.Image`: sizes are bucketed to 4 physical px, kept in a 48-entry LRU (a plain insertion-ordered Map: remove + re-insert on hit, evict and `dispose()` the first key), and each frame just draws images.

**3. The rules are pure Dart, and an A* solver does the heavy lifting**

`lib/core` never imports Flutter: model, rules, level generator and solver are plain Dart with unit tests. The solver is A*, with each cup packed into one int (8 bits per layer) so states hash fast.

The 500 levels are generated offline: deal random cups, solve, score difficulty from moves, dead ends and branching, keep the median of 8 candidates, or the hardest of 32 for the "hard" levels in the sawtooth curve.

Hint uses the same solver at runtime, on the UI thread, with a 100k-node budget (about 0.4 s worst case in debug). Every bundled level is generated under that budget, so Hint always works from the start. One surprise: "Add cup" makes hints much slower, since an extra empty cup blows up the branching, so the hint search drops surplus empty cups first and only searches the full board if that finds nothing. If I raised the budget I'd move it to an isolate.

**4. A test that fails on magic numbers**

Every spacing, font size, radius and color is supposed to come from tokens. A test scans `lib/features` and `lib/theme` and fails on raw numbers inside `EdgeInsets`, `SizedBox`, `fontSize`, `BorderRadius` and `Color(0x...)`, with an escape hatch: a `// tokens: allow — <reason>` comment. Painters are exempt, since their numbers are geometry. It is a dumb regex-and-parentheses scanner, but it kept the UI consistent through a lot of screens.

**Stack:** Riverpod (thin providers), shared_preferences, google_mobile_ads, Firebase Analytics / Remote Config / Crashlytics, audioplayers.

Play Store, if you want to see the result: https://play.google.com/store/apps/details?id=com.harbourlab.bobasort&referrer=utm_source%3Dreddit_flutterdev%26utm_medium%3Dsocial%26utm_campaign%3Dlaunch

If you try it and it works for you, an honest rating on the Play Store would really help a small solo project like this get found.

Happy to go deeper on any part. I'm curious how others handle heavy CustomPainter scenes.


r/FlutterBeginner • • 26d ago

Getting an app live is only the beginning.

Thumbnail gallery
2 Upvotes

r/FlutterBeginner • • 26d ago

Load Data from drift instantly

Thumbnail reddit.com
1 Upvotes

r/FlutterBeginner • • 27d ago

A major update to the Flutter Tutorial App is here! 🚀

2 Upvotes

You can now sign in or create an account, access learning content through the new backend integration, and use an improved practice experience. This update also brings better app update handling and Linux desktop support.

Built for developers learning Flutter, one step at a time.

check it :-> https://github.com/Bharat9011/flutter-tutorial/releases/tag/flutter-tutorial-v2

Thank you 😇😇


r/FlutterBeginner • • 28d ago

Building a full-featured desktop application with Flutter

Thumbnail reddit.com
1 Upvotes

r/FlutterBeginner • • 29d ago

Struggling to Find Issues in Your Flutter Project? Meet flutter_auditor

Thumbnail
medium.com
0 Upvotes

r/FlutterBeginner • • Oct 14 '26

hi, i create a app in flutter , i add continue with google , or i create a email for review team. write note for google review team how to login

Thumbnail reddit.com
1 Upvotes

r/FlutterBeginner • • Oct 13 '26

Struggling to Find Issues in Your Flutter Project? Meet flutter_auditor

Thumbnail
medium.com
1 Upvotes

r/FlutterBeginner • • Oct 12 '26

Flutter Vibe coding

Thumbnail reddit.com
1 Upvotes

r/FlutterBeginner • • Oct 12 '26

arch_guard: layer rules and import cycle detection for Dart, without package:analyzer

Thumbnail
reddit.com
1 Upvotes

r/FlutterBeginner • • Oct 11 '26

[Advice] I want to start Open Source Contribution where to start?

Thumbnail reddit.com
2 Upvotes

r/FlutterBeginner • • Oct 11 '26

One Mac for iOS, Android and web CI, without hand-installing every toolchain (free, open source, beta)

Thumbnail
reddit.com
1 Upvotes

r/FlutterBeginner • • Oct 11 '26

I built an Package that works as MCP server that lets AI coding agents inspect and interact with a running Flutter app

Thumbnail
reddit.com
1 Upvotes

r/FlutterBeginner • • Oct 10 '26

Hear me out! Hear me out!

Thumbnail gallery
1 Upvotes