ফ্লাটারে রো, কলাম, ফ্লেক্স ইত্যাদি

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(home: RowExample()));
}

class RowExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Row Example")),
      body: Row(
        mainAxisAlignment: MainAxisAlignment.spaceEvenly, // Space between items
        crossAxisAlignment: CrossAxisAlignment.center, // Align items at center
        children: [
          Container(width: 50, height: 50, color: Colors.red),
          Container(width: 50, height: 50, color: Colors.green),
          Container(width: 50, height: 50, color: Colors.blue),
          
        ],
      ),
    );
  }
}

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(home: RowExample()));
}

class RowExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Row Example")),
      body: SingleChildScrollView(
        scrollDirection: Axis.horizontal,
        child: ConstrainedBox(
          constraints: BoxConstraints(
            minWidth: MediaQuery.of(context).size.width + 100,
          ),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: [
              Container(width: 50, height: 50, color: Colors.red),
              Container(width: 50, height: 50, color: Colors.green),
              Container(width: 50, height: 50, color: Colors.blue),
              Container(width: 50, height: 50, color: Colors.orange),
              Container(width: 50, height: 50, color: Colors.purple),
              Container(width: 50, height: 50, color: Colors.yellow),
            ],
          ),
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(home: ColumnExample()));
}

class ColumnExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Column Example")),
      body: Column(
        children: [
          Container(width: 50, height: 50, color: Colors.red),
          Container(width: 50, height: 50, color: Colors.green),
          Container(width: 50, height: 50, color: Colors.blue),
        ],
      ),
    );
  }
}

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(home: ColumnExample()));
}

class ColumnExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Column Example")),
      body: SingleChildScrollView(
        child: Container(
          height: MediaQuery.of(context).size.height, // Takes full screen height
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceAround, // Spaces items
            children: [
              Container(width: 50, height: 50, color: Colors.red),
              Container(width: 50, height: 50, color: Colors.green),
              Container(width: 50, height: 50, color: Colors.blue),
              Container(width: 50, height: 50, color: Colors.orange),
              Container(width: 50, height: 50, color: Colors.purple),
              Container(width: 50, height: 50, color: Colors.yellow),
              Container(width: 50, height: 50, color: Colors.cyan),
              Container(width: 50, height: 50, color: Colors.black),
            ],
          ),
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(home: FlexExample()));
}

class FlexExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Flex Example")),
      body: Flex(
        direction: Axis.vertical, // Sets the direction to vertical
        children: [
          Expanded(
            flex: 1, // Takes 1 part of the available space
            child: Container(color: Colors.red),
          ),
          Expanded(
            flex: 2, // Takes 2 parts of the available space
            child: Container(color: Colors.green),
          ),
          Expanded(
            flex: 3, // Takes 3 parts of the available space
            child: Container(color: Colors.blue),
          ),
        ],
      ),
    );
  }
}

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(home: WrapExample()));
}

class WrapExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Wrap Example")),
      body: Padding(
        padding: EdgeInsets.all(10),
        child: Wrap(
          spacing: 10, // Horizontal space between items
          runSpacing: 10, // Vertical space between lines
          children: List.generate(10, (index) {
            return Container(
              width: 80,
              height: 80,
              color: Colors.primaries[index % Colors.primaries.length],
            );
          }),
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(home: WrapScrollableExample()));
}

class WrapScrollableExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Scrollable Wrap Example")),
      body: SingleChildScrollView(
        child: Padding(
          padding: EdgeInsets.all(10),
          child: Wrap(
            spacing: 10, // Horizontal space between items
            runSpacing: 10, // Vertical space between rows
            children: List.generate(30, (index) { 
              return Container(
                width: 80,
                height: 80,
                color: Colors.primaries[index % Colors.primaries.length],
              );
            }),
          ),
        ),
      ),
    );
  }
}