Results for “MaterialApp”

context) is the alternative when you cannot construct the widget yourself. Named routes (MaterialApp.routes, Navigator.pushNamed) deduplicate route creation but are no longer recommended for most apps: deep-link

Flutter has three test levels: unit tests (package:test) for plain Dart

Overview of Flutter's navigation and routing features Flutter provides a complete

arguments using the ModalRoute.of() method or inside an onGenerateRoute() function provided to the MaterialApp or CupertinoApp constructor. This recipe demonstrates how to pass arguments to a named

Learn about common layout widgets in Flutter. Learn how to build layouts

A high-level overview of the architecture of Flutter, including the core

Define the routes Next, define the routes by providing additional properties to the MaterialApp constructor: the initialRoute and the routes themselves. The initialRoute property defines which

How to control error messages and logging of errors The Flutter framework

Learn to use the Dart DevTools when developing Flutter apps. Learn to

Information about accessibility technologies for Flutter developers. Summary Assistive technologies are essential

How to animate a widget to fly between two screens. The hero

How to use the focus system in your Flutter app. This article

application that uses Material Design. material.MaterialApp MaterialApp Material App class material

Creates a MaterialApp. material.MaterialApp.MaterialApp.new MaterialApp new Material App.new constructor material

Creates a MaterialApp that uses the Router instead of a Navigator. material.MaterialApp.MaterialApp.router MaterialApp router Material App.router constructor material

Describes how Scrollable widgets behave for MaterialApps. material.MaterialScrollBehavior MaterialScrollBehavior Material Scroll Behavior class material

Defines the configuration of the overall visual Theme for a MaterialApp or a widget subtree within the app. material.ThemeData ThemeData Theme Data class material

Displays a Banner saying "DEBUG" when running in debug mode. MaterialApp builds one of these by default. widgets.CheckedModeBanner CheckedModeBanner Checked Mode Banner class widgets

Describes which theme will be used by MaterialApp. material.ThemeMode ThemeMode Theme Mode enum material

The `Route` class no longer manages its overlay entries in overlay, and

Make sure that a MaterialApp doesn't crash in 0x0 environment (Material, by @ahmedsameha1). MaterialApp

`ScrollBehavior`s now automatically apply `Scrollbar`s to scrolling widgets on desktop

able to support predictive back route transitions. Code before migration: ```dart return MaterialApp( theme: ThemeData( brightness: Brightness.light, // pageTransitionsTheme is the default. ), home: const MyFirstScreen(), ); ``` Code after migration

updated `LinearProgressIndicator` design, set the `ProgressIndicatorThemeData.year2023` property to `false` in your `MaterialApp`: ```dart highlightLines=2 return MaterialApp( theme: ThemeData(progressIndicatorTheme: const ProgressIndicatorThemeData(year2023: false)), // ... LinearProgressIndicator( year2023

assertion such as the following: If the `TextField` descends from a `MaterialApp`, the `DefaultMaterialLocalizations` is already instantiated and won't require any changes to your existing code

that starts to throw exceptions. ```dart import 'package:material_ui/material_ui.dart'; void main() { runApp( MaterialApp( builder: (BuildContext context, Widget child) { // Builds two parallel navigators. This throws // error because

ScaffoldMessenger`, one of which is available by default within the context of a `MaterialApp`. The previous approach called upon the `Scaffold` to show a `SnackBar`. Prior

The Material and Cupertino design libraries are now available as standalone packages

updated `Slider` design, set the `SliderThemeData.year2023` property to `false` in your `MaterialApp`: ```dart highlightLines=2 return MaterialApp( theme: ThemeData(sliderTheme: const SliderThemeData(year2023: false)), // ... Slider( value

Flutter applications. ### Setting a custom `ScrollBehavior` for your application Code before migration: ```dart MaterialApp( // ... ); ``` Code after migration: ```dart class MyCustomScrollBehavior extends MaterialScrollBehavior { // Override behavior methods and getters

should define builders explicitly for the target platforms. Code before migration: ```dart MaterialApp( theme: ThemeData(colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple)), ) ``` Code after migration: ```dart MaterialApp( theme: ThemeData

Scrollable` widget. ### Setting a custom `ScrollBehavior` for your application Code before migration: ```dart MaterialApp( // ... ); ``` Code after migration: ```dart class MyCustomScrollBehavior extends MaterialScrollBehavior { // Override behavior methods and getters

configure the theme's `floatingActionButtonTheme` instead of its `accentIconTheme`. Code before migration: ```dart MaterialApp( theme: ThemeData( accentIconTheme: IconThemeData(color: Colors.red), ), ) ``` Code after migration: ```dart MaterialApp( theme

Material 3 version of the Material library by specifying `useMaterial3: false` in your `MaterialApp` theme. will eventually be deprecated and removed. but needed a whole new implementation

child: Placeholder()); void main() { final List<Page > pages = <Page >[page1, page2, page3]; runApp( MaterialApp( home: Navigator( pages: pages, onPopPage: (Route<Object?> route, Object? result) { if (route.settings == page2

RadioThemeData`. 3. By customizing the widget's color properties. Code before migration: ```dart MaterialApp( theme: ThemeData(toggleableActiveColor: myColor), // ... ); ``` Code after migration: ```dart final ThemeData theme = ThemeData(); MaterialApp

safe result. Code before migration: ```dart import 'package:material_ui/material_ui.dart'; void main() { runApp( MaterialApp( navigatorKey: nav, home: Column( children: [ Form( canPop: false, onPopInvoked: (bool didPop) { if (didPop

should be migrated to `surfaceContainerHighest`. Code before migration: ```dart final ColorScheme colorScheme = ColorScheme(); MaterialApp( theme: ThemeData( //... colorScheme: colorScheme.copyWith( background: myColor1, onBackground: myColor2

color scheme's secondary color instead of accentColor. Code before migration: ```dart MaterialApp( theme: ThemeData(accentColor: myColor), // ... ); ``` Code after migration: ```dart final ThemeData theme = ThemeData(); MaterialApp

We changed the semantics traverse order of the overlay entries in modal

OutlinedButton ButtonTheme TextButtonTheme ElevatedButtonTheme OutlinedButtonTheme ButtonStyle ButtonStyleButton ElevatedButtonThemeData OutlinedButtonThemeData TextButtonThemeData Scaffold SnackBar ScaffoldMessenger MaterialApp RectangularSliderTrackShape.disabledThumbGapWidth RectangularSliderTrackShape ThemeData TextSelectionThemeData RenderEditable.onSelectionChanged TextSelectionDelegate.textEditingValue TextSelectionDelegate.userUpdateTextEditingValue TextInputFormatter

created and referenced by the app: ```dart import 'package:flutter_gen/gen_l10n/app_localizations.dart'; // ... const MaterialApp( title: 'Localizations Sample App', localizationsDelegates: AppLocalizations.localizationsDelegates, supportedLocales: AppLocalizations.supportedLocales, ); ``` To migrate away from importing `package

main() => runApp(Foo()); class Foo extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( floatingActionButton: FloatingActionButton(onPressed: () { showDialog( context: context, builder: (BuildContext context) { return AlertDialog

A new set of basic material button widgets and themes have been