Flutter concept of Row, Column and others

By Tech👨🏻‍💻 -

Flutter concept of Row, Column, and others

Row:-


When you need the element to be placed side by side in a horizontal (left/right) manner then you need to use the "Row"

Flutter Row


Column:-


When you require an element or widget one after another likely vertical(up/down) manner then you need to use the Column.
The Column widget does not scroll. If you have a line of widgets and want them to be able to scroll if there is insufficient room, consider using a ListView.



this is the most simple way to remember the basics of row and column.

Column


Containers: 

If you are a web developer or you know the basics of web development or have any basic knowledge of HTML, containers will sound quite familiar to divs.

Container


Stacks: 

If there are views overlapping other views, use Stacks.


Happy Fluttering 👨🏻‍💻.

Popular posts from this blog

Why You Should Learn Flutter App Development in 2020

By Tech👨🏻‍💻 -
Image
What is Flutter 🙇 "Flutter" is an open-source mobile UI framework created by "Google" and released in May 2017. It helps one codebase develop 3 types (Android, iOS, Web) of the app. meaning is that you can use one programming (Dart) language and one codebase to create two different apps (for iOS and Android). Official Youtube:  https://www.youtube.com/flutterdev Flutter two key part: "SDK":- A collection of tools that are going to help you develop your applications. This includes tools to compile your code into native machine code (code for iOS and Android). "UI Widget":- A collection of reusable UI elements provided by the Flutter team is called Widget. and in a flutter, every UI element considers a widget.         See Who is using flutter as a New Era of development  If you are a web developer then You can easily understand the Flutter UI Concept Specialty (React JS Developer). Why I like Flutter and learned so fast as a web developer (ReactJS
Read Full...

Flutter App Example | Flutter Tutorial | For Flutter Developer

By Tech👨🏻‍💻 -
Flutter Basic Concept with Example Before you start writing the actual code let's begin with a basic understanding of the generated code from flutter project 🤔 Step 1: Create the starter Flutter app import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget {   @override   Widget build(BuildContext context) {     return MaterialApp(       title: 'Welcome to Flutter',       home: Scaffold(         appBar: AppBar(           title: Text('Welcome to Flutter'),         ),         body: Center(           child: Text('Hello World'),         ),       ),     );   } } First-line above code to import the default flutter package which contains the material design. `void main()=> runApp(MyApp());` : - The main method is bootstrapper here for running the app, which required a Class (MyApp). The MyApp class is StatelessWidget, as I explained the other part in this series in flutter everything mostly considered
Read Full...