Flutter child만 사용할 수 있는 경우

줍줍·2023년 8월 29일
0

Flutter

목록 보기
5/11

A

 child: Column(
    children: [
      Text('Child 1'),
      Text('Child 2'),
      Text('Child 3'),
    ],
  ),

B

Column(
    children: [
      Text('Child 1'),
      Text('Child 2'),
      Text('Child 3'),
    ],
  ),

여기서 A와 B의 차이가 뭘까?

child: 의 유무이다.

child의 경우 단일 자식이어야만 할 때 사용할 수 있다.

예를 들어서,

C

Container(
  child: Column(
    children: [
      Text('Child 1'),
      Text('Child 2'),
      Text('Child 3'),
    ],
  ),
)

C와 같이 Container의 단일 자식으로 Column을 사용하려면 Column을 사용해야 한다.

하나의 자식만 받을 수 있는 widget

1. Container

   Container(
     child: Text('Hello, World!'),
   )

2. Padding

  Padding(
    padding: EdgeInsets.all(8.0),
    child: Text('Hello, World!'),
  )

3. Center

   Center(
     child: Text('Centered Text'),
   )

4. Align

    Align(
      alignment: Alignment.bottomRight,
      child: Text('Aligned Text'),
    )

5. Expanded:

    Expanded(
      child: Text('Expanded Text'),
    )

6. SizedBox

    SizedBox(
      width: 200.0,
      height: 300.0,
      child: Text('SizedBox'),
    )

참고 : 위젯의 경우 앞이 다 대문자이다!

profile
쉽게 설명하지 못하면 이해 못한 것

0개의 댓글