Il Flutter
Micro-framework
Per App Moderne
Nylo dà a ogni progetto la stessa base solida — routing, stato, rete, form e autenticazione — così parti dalla prima funzionalità invece che dal primo file.
dart pub global activate nylo_installer
Tutto ciò di cui hai bisogno per costruire
Sei pilastri, un'unica convenzione. Ognuno arriva con i generatori di Metro, impostazioni predefinite sensate e una via d'uscita: sotto resta semplicemente Flutter.
Routing
Rotte dichiarative con guardie, parametri tipizzati, transizioni e deep linking.
Gestione dello stato
Stato reattivo con controller, hook del ciclo di vita e persistenza senza fatica.
Networking
Classi di servizio API con decodifica automatica dei modelli e intercettori di richieste.
Form
Dichiara i campi una volta: validazione, conversione e binding dei dati arrivano con loro.
Autenticazione
Gestione delle sessioni, archiviazione dei token e guardie di rotta senza configurazioni su misura.
Metro CLI
Genera pagine, modelli, controller, form e temi con un solo comando.
Crea qualsiasi cosa dal terminale
Metro genera pagine, modelli, controller, widget e altro, collegati al tuo router e alla tua struttura di cartelle, non buttati in un angolo.
class ApiService extends NyApiService {
@override
String get baseUrl => "https://api.example.com/v1";
Future<List<Post>> posts() async {
return await network(
request: (request) => request.get("/posts"),
);
}
}
// Usage in your page
final posts = await api<ApiService>((request) => request.posts());Integrazione API senza sforzo
Scrivi servizi API puliti e manutenibili con parsing JSON automatico, gestione degli errori e intercettori di richieste, senza codice ripetitivo di Dio nelle tue pagine.
Scopri di più sul NetworkingGuardalo nel codice che scriveresti davvero
appRouter() => nyRoutes((router) {
router.add(HomePage.path).initialRoute();
router.add(DiscoverPage.path);
router.add(LoginPage.path,
transitionType: TransitionType.bottomToTop());
router.add(ProfilePage.path,
routeGuard: [
AuthGuard()
]
);
});Crea percorsi complessi, interfacce e pagine UI per la tua applicazione Flutter.
Scopri di piùAutenticare un utente
String userToken = "eyJhbG123...";
await Auth.authenticate(data: {"token": userToken});Ora, quando l'utente apre l'app sarà autenticato.
final userData = Auth.data();
// {"token": "eyJhbG123..."}
bool isAuthenticated = await Auth.isAuthenticated();
// trueSe hai impostato un authenticatedRoute nel tuo router, questa pagina verrà presentata quando l'utente aprirà di nuovo l'app.
appRouter() => nyRoutes((router) {
...
router.add(LandingPage.path).initialRoute();
router.add(DashboardPage.path).authenticatedRoute();
// overrides the initial route when a user is authenticatedDisconnetti l'utente
await Auth.logout();Autentica gli utenti nella tua applicazione Flutter.
Scopri di piùCrea un modulo
metro make:form RegisterFormModifica il tuo modulo
class RegisterForm extends NyFormWidget {
RegisterForm({super.key, super.submitButton, super.onSubmit, super.onFailure});
// Add your fields here
@override
fields() => [
Field.capitalizeWords("name",
label: "Name",
validator: FormValidator.notEmpty(),
),
Field.email("email_address",
label: "Email",
validator: FormValidator.email()
),
Field.password("password",
label: "Password",
validator: FormValidator.password(),
),
];
static NyFormActions get actions => const NyFormActions("RegisterForm");
}Usa il tuo modulo in un widget
@override
Widget build(BuildContext context) {
return Scaffold(
body: RegisterForm(
submitButton: Button.primary(text: "Submit"),
onSubmit: (data) {
printInfo(data);
},
),
);
}Gestisci, valida e invia dati in un unico posto con Nylo Forms.
Scopri di piùCrea un widget gestito dallo stato
metro make:stateful_widget CartIconclass _CartIconState extends NyState<CartIcon> {
...
@override
Map<String, Function> get stateActions => {
"clear_cart": () {
_items = 0;
},
...
};
@override
Widget view(BuildContext context) {
return Container(child: Text("Items in cart: ${_items}"));
}
}Use CartIcon.action("clear_cart")
Button.primary(text: "Add to cart",
onPressed: () {
CartIcon.action("clear_cart");
}
)Gestione dello stato potente per i widget nella tua applicazione Flutter.
Scopri di piùCrea il tuo evento
metro make:event Logoutclass LogoutEvent implements NyEvent {
@override
final listeners = {
DefaultListener: DefaultListener(),
};
}
class DefaultListener extends NyListener {
@override
handle(dynamic event) async {
// logout user
await Auth.logout();
// redirect to home page
routeTo(HomePage.path,
navigationType: NavigationType.pushAndForgetAll
);
}
}Invia l'evento
MaterialButton(child: Text("Logout"),
onPressed: () {
event<LogoutEvent>();
},
)Invia eventi e ascoltali nella tua applicazione.
Scopri di piùPianifica un'attività da eseguire una volta
Nylo.scheduleOnce("onboarding_info", () {
print("Perform code here to run once");
});Pianifica un'attività da eseguire una volta dopo una data specifica
Nylo.scheduleOnceAfterDate("app_review_rating", () {
print("Perform code to run once after DateTime(2025, 04, 10)");
}, date: DateTime(2025, 04, 10));Pianifica un'attività da eseguire una volta al giorno
Nylo.scheduleOnceDaily("free_daily_coins", () {
print("Perform code to run once daily");
});Pianifica attività da eseguire una volta o quotidianamente nella tua applicazione Flutter.
Scopri di piùCrea un servizio API
metro make:api_service Userclass UserApiService extends NyApiService {
@override
String get baseUrl => getEnv("API_BASE_URL");
Future<User?> fetchUser(int id) async {
return await get<User>(
"/users/$id",
queryParameters: {"include": "profile"},
);
}
Future<User?> createUser(Map<String, dynamic> data) async {
return await post<User>("/users", data: data);
}
}Chiama l'API dalla tua pagina
User? user = await api<UserApiService>(
(request) => request.fetchUser(1),
);Servizi API eleganti con parsing JSON automatico, caching e interceptor.
Scopri di piùSalva i dati in modo sicuro
// Save values to secure storage
await NyStorage.save("coins", 100);
await NyStorage.save("username", "Anthony");
await NyStorage.save("isPremium", true);
// Save with TTL (auto-expires)
await NyStorage.save("session", "abc123",
expiry: Duration(hours: 1),
);Leggi con conversione di tipo
// Automatic type casting
String? username = await NyStorage.read("username");
int? coins = await NyStorage.read<int>("coins");
bool? isPremium = await NyStorage.read<bool>("isPremium");
// Delete a value
await NyStorage.delete("coins");Archiviazione locale sicura con conversione di tipo, scadenza TTL e collezioni.
Scopri di piùAggiungi i tuoi file di lingua
{
"welcome": "Welcome",
"greeting": "Hello {{name}}",
"navigation": {
"home": "Home",
"profile": "Profile"
}
}Traduci il testo nei tuoi widget
// Simple translation
Text("welcome".tr()) // "Welcome"
// With arguments
Text("greeting".tr(arguments: {"name": "Anthony"}))
// "Hello Anthony"
// Nested keys
Text("navigation.home".tr()) // "Home"Supporto multilingue con file JSON, argomenti e RTL.
Scopri di piùCrea un hub di navigazione
metro make:navigation_hub baseclass _BaseNavigationHubState extends NavigationHub<BaseNavigationHub> {
NavigationHubLayout? layout = NavigationHubLayout.bottomNav();
@override
bool get maintainState => true;
_BaseNavigationHubState() : super(() async {
return {
0: NavigationTab(
title: "Home",
page: HomeTab(),
icon: Icon(Icons.home),
),
1: NavigationTab(
title: "Settings",
page: SettingsTab(),
icon: Icon(Icons.settings),
),
};
});
}Cambia layout facilmente
// Bottom navigation
NavigationHubLayout.bottomNav()
// Top navigation
NavigationHubLayout.topNav()
// Journey / wizard flow
NavigationHubLayout.journey()Crea navigazione inferiore, superiore o flussi di percorso con mantenimento dello stato.
Scopri di piùSviluppato alla luce del sole, usato in produzione
“Sono nuovo di Dart e del vostro framework, che adoro.”
“Nylo è il miglior framework per Flutter: rende lo sviluppo semplice.”
@higakijin
“Di gran lunga il miglior framework in circolazione. Qualità e funzionalità straordinarie.”
@2kulfi
“Rende il lavoro più semplice e veloce. Ottimo lavoro.”
darkreader01
“Ho appena scoperto questo framework e sono molto colpito. Grazie.”
@lepresk
“Adoro davvero il concetto di questo framework.”
@Chrisvidal
“Volevo ringraziarvi per l'ottimo lavoro che state facendo.”
@youssefKadaouiAbbassi
“Volevo solo dire che adoro il sito di @nylo_dev!”
@esfoliante_txt
“È incredibile. Complimenti davvero!”
FireflyDaniel
La tua prossima app Flutter inizia con un solo comando
Gratuito, con licenza MIT, e sotto resta semplicemente Flutter.
dart pub global activate nylo_installer