Skip to main content

Column class

 Column class widget that displays  vertically its children.


import "package:flutter/material.dart";


void main() {

 runApp(MyApp());

}


class MyApp extends StatelessWidget {

 @override

 Widget build(BuildContext context) {

   // TODO: implement build


   return MaterialApp(

     home: Scaffold(

       backgroundColor: Colors.teal,

       body: SafeArea(

         child: Column(

           children: <Widget>[

             Icon(

               Icons.star,

               color: Colors.amber,

               size: 10,

             ),

             Icon(

               Icons.star,

               color: Colors.amber,

               size: 10,

             ),

             Icon(

               Icons.star,

               color: Colors.amber,

               size: 10,

             ),

             Icon(

               Icons.star,

               color: Colors.amber,

               size: 10,

             ),

             Icon(

               Icons.star,

               color: Colors.amber,

               size: 10,

             ),

           ],

         ),

       ),

     ),

   );

 }

}

Constructors

Column({Key key,

 MainAxisAlignment 

mainAxisAlignment:MainAxisAlignment.start,

(start,center,end,spaceAround,spaceBetween,spaceEvetly,and Values)

 MainAxisSize

 mainAxisSize: MainAxisSize.max,(max,min,Values)

 CrossAxisAlignment 

crossAxisAlignment: CrossAxisAlignment.center,

(start,end,center,baseline,stretch,value)

 TextDirection textDirection,

(ltr,rtl,value

VerticalDirection 

verticalDirection: VerticalDirection.down,

(down,up,Value

TextBaseline textBaseline,

 List<Widget> children: const <Widget>[]

})


Properties

Childrer 

clipBehavior 

crossAxisAlignment

Direction

hashCode 

mainAxisAlignment 

Key

mainAxisSize 

mainAxisSize

textBaseline

textDirection 

verticalDirection 






Comments

Popular posts from this blog

Kurulus Osman Season 2 Episode 4 (p1) Urdu subtitles ...

 

Text Widgets

  A widget displaying the string text with a single style is called text widget. import 'package:flutter/cupertino.dart' ; import "package:flutter/material.dart" ; void main () { runApp( MyApp ()) ; } class MyApp extends StatelessWidget { @override Widget build (BuildContext context) { // TODO: implement build return MaterialApp ( home: Scaffold ( backgroundColor: Colors. teal , body: SafeArea ( child: Column ( children: <Widget>[ CircleAvatar ( radius: 50 , backgroundImage: NetworkImage ( 'https://dsearch.com/images?q=avatar%20user%20png' ) , ) , Text( 'Ahmad Mukhtiar', style: TextStyle( fontSize: 40.0, color: Colors. white , fontWeight: FontWeight. bold , ) , ), ] , ...