Use our collaborative editor to create motion graphics that respond to different states and user inputs. Then load your animations into apps, games, and websites with our lightweight runtimes.

Documentation:

• https://rive.app/

Package:

• https://pub.dev/packages/rive

Tutorial:

• https://www.youtube.com/playlist?list=PLjr4ufdmNA4Jt19RyRQPD7cMF0r0juDs8

Use Flexible for resizing your widgets in rows and columns. You can use it to adjust how much space different child widgets take up relative to their parent widgets.

Learn more about Flexible → https://goo.gle/2VhjGjs

Learn everything about Flutter at → https://goo.gle/2WAhEN1

Get more tips! → https://goo.gle/307BX6t

Utilizzate il widget Positioned per posizionare i widget di Flutter in uno Stack. Impacchettate i children dello Stack con un widget Positioned e impostate i parametri (top, bottom, left, right, height e width) per ottenere il layout di Stack che desiderate. Potete anche usare Positioned.fill per far sì che il widget riempia lo spazio dello Stack.

Documentazione del widget Positioned → https://bit.ly/2GkijOf

Ulteriori informazioni sui widget di layout di Flutter → https://bit.ly/2GfgBxw

Il widget Align vi consente di posizionare un widget in un'area definita del suo widget parent. Potete utilizzare Align anche per posizionare dei widget in uno stack. Align è uno strumento fantastico per comporre i widget come volete!

Documentazione della classe Align → https://bit.ly/2UF1wZl

Hai bisogno di qualcosa per sostituire un widget che non hai finito di comporre? Il widget Placeholder è qui per aiutarti. È un semplice widget che disegna una X in cui il tuo widget alla fine andrà!

Ulteriori informazioni sul placeholder → https://goo.gle/31QByGF

Il widget ConstrainedBox di Flutter è ottimo per aggiungere requisiti per il dimensionamento di un widget. Il wrapping dei widget in un ConstrainedBox consente di specificare la larghezza e l'altezza minime e massime.

Ulteriori informazioni su ConstrainedBox → https://goo.gle/2NqFeKr

Se ti è capitato di voler sovrapporre elementi, Stack è il widget che fa al caso tuo!

Stack ti permette di sovrapporre più widget uno sopra l'altro. Per esempio, puoi usare Stack per aggiungere testo sopra un'immagine.

Scopri di più su Stack → https://goo.gle/2LQ4B8m

Perché dovresti passare ore a trovare il layout perfetto tra colonne, righe, contenitori e spazi quando puoi semplicemente usare ListTile!

ListTile implementa le indicazioni di design lasciandoti semplicemente la scelta di quali elementi includere.

Scopri di più su ListTile → https://goo.gle/2moy7XG

Hai bisogno di cambiare lo stile dello sfondo di un widget, magari il colore, la forma o impostare dei limiti alle dimensioni? Prova a incorporarlo in un widget Container!

Il widget Container ti permette di comporre, decorare e posizionare i widget figli.

Scopri di più sui Container → https://goo.gle/2OD41eX

Widgets per il layout → https://goo.gle/31Z5ksm

Concepts base di layout in Flutter → https://goo.gle/31WwzDK

La maggior parte delle volte, i widget in Flutter si costruiscono senza cercare ulteriori informazioni sui loro parents. A volte, potresti scrivere del codice in cui il widget figlio deve accedere al contesto di compilazione di un widget padre nello stesso metodo di compilazione. Ecco a cosa serve il widget Builder!

Ulteriori informazioni su Builder → https://goo.gle/2TEILGe

Per ottenere la posizione del proprio dispositivo.

Pagina del package:

https://pub.dev/packages/location

Con PageView e PageController, è facile creare una serie di schermate che gli utenti possono scorrere in verticale o in orizzontale.

Maggiori informazioni su PageView → http://bit.ly/2zLfOQc

Maggiori informazioni su PageController → http://bit.ly/2OwxdEG

Tutorials:

• https://medium.com/flutter-community/a-deep-dive-into-pageview-in-flutter-with-custom-transitions-581d9ea6dded

• https://medium.com/flutter-community/flutter-pageview-widget-e0f6c8092636

A volte, un'app ha bisogno di uno spazio per il "legalese", il numero della versione, le licenze e tutte le parti scritte in piccolo. Alcuni negozi non consentono neanche di pubblicare l'app se non ha tutte queste formalità. Non dovresti mai lasciare la creazione di una parte così importante dell'app all'ultimo momento. Sappiamo bene che non lo faresti mai, ma se ti dovesse succedere, c'è un widget per questo!

Maggiori info: https://goo.gle/3gouQPl

Dart Pad esempio: https://goo.gle/2Xwd9EN

Le transizioni Hero sono un pattern di interfaccia utente molto comune. Informano l'utente del cambio di schermo, mantenendo il focus dell'interazione frontale e centrale. Il widget Hero di Flutter crea automaticamente una transizione tra due rotte di navigazione.

https://api.flutter.dev/flutter/widgets/Hero-class.html

Flutter_slideable is a package that provides a slidable widget that lets your users swipe to reveal actions without a lot of hassle. Learn how to use this package and define your actions.

Learn more about flutter_slidable → http://goo.gle/3dpqjNx

https://www.youtube.com/watch?v=QFcFEpFmNJ8&t=1s

The connectivity package at its core tells developers if devices are connected to a wifi network, a cell network, or nothing at all.

Use checkConnectivity to check if your app is connected to the internet.

https://pub.dev/packages/connectivity

https://pub.dev/packages/sliding_up_panel

A draggable Flutter widget that makes implementing a SlidingUpPanel much easier! Based on the Material Design bottom sheet component, this widget works on both Android & iOS.

Wouldn't it be great if you could show your users that a list is refreshing? With RefreshIndicator you can! Learn how to set up the widget and customize the refresh icon.

Learn more about RefreshIndicator → https://goo.gle/RefreshIndicator

Dartpad → https://goo.gle/3DCCQHQ

https://youtu.be/bWehAFTFc9o

How to share files, images, texts and urls in Flutter to other apps on your device such as Whatsapp, Facebook, Instagram and more.

Just Audio e audio video progress bar per un audio player completo:

https://pub.dev/packages/audio_video_progress_bar

https://pub.dev/packages/just_audio

Learn how to create forms in flutter, how to read forms or form fields, how to reset forms, how to validate forms and how to save your form's data. In this tutorial I introduce you to the best flutter form package available called Flutter Form Builder from the developer Danvick Miller. This flutter package enables you to create complex forms without the usual boilerplate. This video covers all aspects from the very basics like creating forms from scratch to more detailed instructions like: how form fields and their properties work, how to create custom form fields, how to use the built-in validation and create custom validators, how to create conditional validation and how to make use of internationalization within your forms.