Scribd Logo
Upload

Welcome to Scribd!

  • Stack 2

    Uploaded by

    abdulbaset alselwi
    6 views3 pages
    This document shows how to create a Flutter app with stacked containers. The app contains an AppBar with a title, a background color is set. In the body, there are three containers stacked on top of each other - one red, one black, and one with an image. Text is displayed in each container with different alignments and styles. The app is run using MaterialApp and Scaffold widgets.

    Original Description:

    Original Title

    stack 2

    Copyright

    © © All Rights Reserved

    Available Formats

    DOC, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document shows how to create a Flutter app with stacked containers. The app contains an AppBar with a title, a background color is set. In the body, there are three containers stacked on top of each other - one red, one black, and one with an image. Text is displayed in each container with different alignments and styles. The app is run using MaterialApp and Scaffold widgets.

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as doc, pdf, or txt
    6 views3 pages

    Stack 2

    Uploaded by

    abdulbaset alselwi
    This document shows how to create a Flutter app with stacked containers. The app contains an AppBar with a title, a background color is set. In the body, there are three containers stacked on top of each other - one red, one black, and one with an image. Text is displayed in each container with different alignments and styles. The app is run using MaterialApp and Scaffold widgets.

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as doc, pdf, or txt
    of 3

    import 'package:flutter/material.

    dart';

    void main() {

    runApp(MaterialApp(

    home: Scaffold(

    appBar: AppBar(

    title: Text('GeeksforGeeks'),

    backgroundColor: Colors.greenAccent[400],

    ), //AppBar

    body: Center(

    child: SizedBox(

    width: 300,

    height: 300,

    child: Center(

    child: Stack(

    children: <Widget>[

    Container(

    width: 300,

    height: 300,

    color: Colors.red,

    padding: EdgeInsets.all(15.0),

    alignment: Alignment.topRight,

    child: Text(

    'One',

    style: TextStyle(color: Colors.white),


    ), //Text

    ), //Container

    Container(

    width: 250,

    height: 250,

    color: Colors.black,

    padding: EdgeInsets.all(15.0),

    alignment: Alignment.bottomLeft,

    child: Text(

    'Two',

    style: TextStyle(color: Colors.white),

    ), //Text

    ), //Container

    Container(

    height: 200,

    width: 200,

    padding: EdgeInsets.all(15.0),

    alignment: Alignment.bottomCenter,

    decoration: BoxDecoration(

    image: DecorationImage(

    image: NetworkImage(

    "https://pbs.twimg.com/profile_images/1304985167476523008/QNHrwL2q_400x400.jpg")
    //NetworkImage

    ), //DecorationImage

    ), //BoxDecoration
    child: Text(

    "GeeksforGeeks",

    style:

    TextStyle(color: Colors.white, fontSize: 20.0),

    ), //Text

    ), //Container

    ], //<Widget>[]

    ), //Stack

    ), //Center

    ), //SizedBox

    ) //Center

    ) //Scaffold

    ) //MaterialApp

    );

    You might also like