Articles → FLUTTER AND DART → Container Widgets In Flutter

Container Widgets In Flutter

In this article, we will discuss about container widgets in flutter.

Purpose

A container is a widget that holds zero or more child widgets and gives a capability to apply styling.

When Container Does Not Have Any Child Element

If container does not have any child element then it will automatically fill the given area on the screen. Here is an example

Picture showing the container widget without the child element in flutter

Click to Enlarge

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  Widget build(BuildContext context) {
    return MaterialApp(
    home: Scaffold(
    appBar: AppBar(), body: Container(
    color: Colors.green, child: Text("Test"), )));
  }
}

When Container Have Child Element

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  Widget build(BuildContext context) {
    return MaterialApp(
    home: Scaffold(
    appBar: AppBar(), body: Container(
    color: Colors.green, child: Text("Test"), )));
  }
}

Picture showing the container widget with the child element in flutter

Click to Enlarge

Posted By -	Karan Gupta

Posted On -	Friday, August 23, 2019

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**