Flutter SingleChildScrollView, Column & Row - All Common Properties

---

🔹 SingleChildScrollView - All Common Properties

SingleChildScrollView(

  // Scroll Direction
  scrollDirection: Axis.vertical,

  // Reverse Scroll
  reverse: false,

  // Scroll Controller
  controller: scrollController,

  // Primary Scroll View
  primary: false,

  // Physics
  physics: BouncingScrollPhysics(),

  // Padding
  padding: EdgeInsets.all(16),

  // Keyboard Dismiss
  keyboardDismissBehavior:
      ScrollViewKeyboardDismissBehavior.onDrag,

  // Clip Behavior
  clipBehavior: Clip.hardEdge,

  // Restoration Id
  restorationId: "scroll_view",

  // Child Widget
  child: Column(
    children: [],
  ),
)

📌 SingleChildScrollView Properties Summary

Property	কাজ
scrollDirection	Vertical বা Horizontal Scroll
reverse	Scroll Direction উল্টাবে
controller	Scroll Control করবে
primary	Primary Scroll View কিনা
physics	Scroll Effect Control
padding	ভিতরের Space
keyboardDismissBehavior	Scroll করলে Keyboard Hide
clipBehavior	Overflow Clip করবে
restorationId	Scroll State Restore

---

🔹 Column - All Common Properties

Column(

  // Main Axis Alignment (Vertical)
  mainAxisAlignment: MainAxisAlignment.start,

  // Cross Axis Alignment (Horizontal)
  crossAxisAlignment: CrossAxisAlignment.center,

  // Main Axis Size
  mainAxisSize: MainAxisSize.max,

  // Vertical Direction
  verticalDirection: VerticalDirection.down,

  // Text Direction
  textDirection: TextDirection.ltr,

  // Baseline Alignment
  textBaseline: TextBaseline.alphabetic,

  // Children
  children: [

    Text("Item 1"),

    Text("Item 2"),

    Text("Item 3"),

  ],
)

📌 MainAxisAlignment Values

MainAxisAlignment.start
MainAxisAlignment.end
MainAxisAlignment.center
MainAxisAlignment.spaceBetween
MainAxisAlignment.spaceAround
MainAxisAlignment.spaceEvenly

📌 CrossAxisAlignment Values

CrossAxisAlignment.start
CrossAxisAlignment.end
CrossAxisAlignment.center
CrossAxisAlignment.stretch
CrossAxisAlignment.baseline

📌 Column Properties Summary

Property	কাজ
mainAxisAlignment	Vertical Alignment
crossAxisAlignment	Horizontal Alignment
mainAxisSize	Minimum বা Maximum Height
verticalDirection	উপর থেকে নিচে / নিচ থেকে উপরে
textDirection	Text Direction
textBaseline	Baseline Alignment
children	Child Widgets

---

🔹 Row - All Common Properties

Row(

  // Main Axis Alignment (Horizontal)
  mainAxisAlignment: MainAxisAlignment.start,

  // Cross Axis Alignment (Vertical)
  crossAxisAlignment: CrossAxisAlignment.center,

  // Main Axis Size
  mainAxisSize: MainAxisSize.max,

  // Text Direction
  textDirection: TextDirection.ltr,

  // Vertical Direction
  verticalDirection: VerticalDirection.down,

  // Baseline Alignment
  textBaseline: TextBaseline.alphabetic,

  // Children
  children: [

    Icon(Icons.home),

    SizedBox(width: 10),

    Text("Home"),

  ],
)

📌 MainAxisAlignment Values

MainAxisAlignment.start
MainAxisAlignment.end
MainAxisAlignment.center
MainAxisAlignment.spaceBetween
MainAxisAlignment.spaceAround
MainAxisAlignment.spaceEvenly

📌 CrossAxisAlignment Values

CrossAxisAlignment.start
CrossAxisAlignment.end
CrossAxisAlignment.center
CrossAxisAlignment.stretch
CrossAxisAlignment.baseline

📌 Row Properties Summary

Property	কাজ
mainAxisAlignment	Horizontal Alignment
crossAxisAlignment	Vertical Alignment
mainAxisSize	Minimum বা Maximum Width
textDirection	Left to Right / Right to Left
verticalDirection	Children Order
textBaseline	Baseline Alignment
children	Child Widgets

---

📌 Column vs Row

Widget	Direction
Column	Top → Bottom
Row	Left → Right

Column Example

Column(
  children: [
    Text("A"),
    Text("B"),
    Text("C"),
  ],
)

Row Example

Row(
  children: [
    Text("A"),
    Text("B"),
    Text("C"),
  ],
)