Results for “Container”

Flutter's model for widget constraints, sizing, positioning, and how they interact

should look as you might expect, but you might be wondering about the containers (shown in pink). Container is a widget class that allows

Learn to create custom widgets and use the most common SDK widgets like Container, Center, and Text. Before you start This app relies

animate properties of a container using implicit animations. The Container class provides a convenient way to create a widget with specific properties: width, height, background color

The recommended way to architect a Flutter app. The following pages demonstrate

title to the left, which would be centered by default. The Text widget contains the title

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

stateful widgets. In this tutorial, you'll add interactivity to an app that contains only non-interactive widgets. Specifically, you'll modify an icon to make

representing items for sale. Selecting an item flies it to a new screen, containing more details and a Buy button. Flying an image from one screen

each Tile animates to a new color in about half a second. Convert Container to AnimatedContainer Currently, the Tile.build method returns a Container to display

Form with a GlobalKey Create a Form . The Form widget acts as a container for grouping and validating multiple form fields. When creating the form, provide

method to send the encoded data: The http.post() method returns a Future that contains a Response . Future is a core Dart class for working with asynchronous operations

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

Store Update the app's version number Android release FAQ the directory that contains your application. While following these instructions, substitute [project] with your app's directory

JSONPlaceholder using the http.get() method. The http.get() method returns a Future that contains a Response . Future is a core Dart class for working with async operations

implement a list that contains different types of assets. You might need to create lists that display different types of content. For example, you might be working

Accept input from the user with buttons and text fields. Learn to

promotes modularity and maintainability by dividing an application's functionality into distinct, self-contained units. From a high-level, this means separating your UI logic from your

How to perform animations in Flutter. Well-designed animations make a UI

Create two screens First, create two screens to work with. The first screen contains a button that navigates to the second screen. The second screen contains

Find a Text widget In testing, you often need to find widgets that contain specific text. This is exactly what the find.text() method is for. It creates

navigate between routes. Most apps contain several screens for displaying different types of information. For example, an app might have a screen that displays products. When

network request This example covers how to fetch a large JSON document that contains a list of 5000 photo objects from the JSONPlaceholder REST API , using

simple way to represent todos. For this example, create a class that contains two pieces of data: the title and description. 2. Create a list of todos

file In this example, create two files: counter.dart and counter_test.dart . The counter.dart file contains a class that you want to test and resides in the lib folder

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

Learn how to implement performant scrolling with slivers. In this lesson, you

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

How to write a staggered animation in Flutter. A staggered animation consists

A tutorial showing how to build explicit animations in Flutter. How to

Create a ListView Using the standard ListView constructor is perfect for lists that contain only a few items. The built-in ListTile widget

standard ListView constructor works well for small lists. To work with lists that contain a large number of items, it's best to use the ListView.builder constructor

Show the selection screen with two buttons Now, build a selection screen that contains two buttons. When a user taps a button, that app closes the selection

content, from email clients to music apps and beyond. To verify that lists contain the expected content using widget tests, you need a way to scroll through

important to use characters when dealing with user input, as text might contain complex characters. This ensures that every character is counted correctly as it appears

Recommendations for building scalable Flutter applications. This page presents architecture best practices

more testable, reusable, and easier to maintain. A single feature in your app contains each one of the MVVM components. In this tutorial, in addition to Flutter

aspects of accessible UI design and styling. Large fonts Both Android and iOS contain system settings to configure the desired font sizes used by apps. Flutter text

Information on Flutter's accessibility testing. Accessibility regulations To ensure your app

Navigate to routes when the app receives a new URL. Deep links

Learn how to use the LayoutBuilder widget. Learn how to create layouts

Learn how to use SafeArea and MediaQuery to create an adaptive app

sometimes called UI state or local state ) is the state you can neatly contain in a single widget. This is, intentionally, a vague definition, so here

callback and imports in lib/screens/contact_groups.dart are implemented as follows: This small code block contains the most important new information on this page. Navigator.of(context) retrieves the nearest

How to recognize and resolve common Flutter framework errors. Introduction This page

How to use JSON with Flutter. It is hard to think of

How to ensure that your Flutter app is performant. Generally, Flutter applications

Diagnosing UI performance issues in Flutter. Overview App performance encompasses various aspects

How to release a Flutter app to the App Store. This guide

Learn how to write custom platform-specific code in your app. This