ফ্লাটারের সিঙ্গেল চাইল্ড লেআউট উইজেট

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(debugShowCheckedModeBanner: false, home: ContainerExample()),
  );
}

class ContainerExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Container Example")),
      body: Center(
        child: Container(
          width: 200, // Fixed width
          height: 100, // Fixed height
          color: Colors.blue, // Background color
          child: Center(
            child: Text(
              "Hello Flutter!",
              style: TextStyle(color: Colors.white, fontSize: 18),
            ),
          ),
        ),
      ),
    );
  }
}

Container(
  width: 200,
  height: 100,
  decoration: BoxDecoration(
    color: Colors.blue,
    borderRadius: BorderRadius.circular(15), // Rounded corners
    boxShadow: [
      BoxShadow(
        color: Colors.black26,
        blurRadius: 10,
        spreadRadius: 2,
        offset: Offset(4, 4), // Shadow position
      )
    ],
  ),
  child: Center(
    child: Text("Stylish Box", style: TextStyle(color: Colors.white)),
  ),
)

Container(
  margin: EdgeInsets.all(20), // Adds space outside the container
  padding: EdgeInsets.all(15), // Adds space inside the container
  decoration: BoxDecoration(
    color: Colors.orange,
    borderRadius: BorderRadius.circular(10),
  ),
  child: Text("Padded Text", style: TextStyle(color: Colors.white)),
)

import 'package:flutter/material.dart';

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

class SizedBoxExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("SizedBox Example")),
      body: Center(
        child: SizedBox(
          width: 200, // Fixed width
          height: 50, // Fixed height
          child: ElevatedButton(
            onPressed: () {},
            child: Text("Click Me"),
          ),
        ),
      ),
    );
  }
}

Column(
  children: [
    Text("First Text"),
    SizedBox(height: 20), // Adds 20 pixels of space
    Text("Second Text"),
  ],
)

import 'package:flutter/material.dart';

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

class AlignExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Align Widget Example")),
      body: Container(
        color: Colors.grey[300], // Background color for reference
        width: double.infinity,
        height: double.infinity,
        child: Align(
          alignment: Alignment.bottomRight, // Aligns to bottom-right corner
          child:  Text("Hello, Flutter!")
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';

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

class CenterExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Center Widget Example")),
      body: Center(
        child: Text(
          "Centered Text",
          style: TextStyle(color: Colors.blue, fontSize: 24),
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';

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

class PaddingExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Padding Widget Example")),
      body: Padding(
        padding: EdgeInsets.all(50), // Adds 50 pixels of padding on all sides
        child: Text(
          "Padded Text",
          style: TextStyle(color: Colors.blue, fontSize: 18),
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';

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

class FractionallySizedBoxExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("FractionallySizedBox Example")),
      body: Center(
        child: FractionallySizedBox(
          widthFactor: 0.5, // 50% of parent width
          heightFactor: 0.5, // 50% of parent height
          alignment: Alignment.center, // Centered within parent
          child: Container(
            color: Colors.blue,
            child: Center(
              child: Text(
                "50% Width, 30% Height",
                textAlign: TextAlign.center,
                style: TextStyle(color: Colors.white),
              ),
            ),
          ),
        ),
      ),
    );
  }
}