카테고리 없음

[Flutter] Column & Row

chaenii 2021. 2. 10. 01:40

  • Column 

Column({Key key, MainAxisAlignment mainAxisAlignment: MainAxisAlignment.start, 
        MainAxisSize mainAxisSize: MainAxisSize.max, 
        CrossAxisAlignment crossAxisAlignment: CrossAxisAlignment.center, 
        TextDirection textDirection, 
        VerticalDirection verticalDirection: VerticalDirection.down, 
        TextBaseline textBaseline, 
        List<Widget> children: const <Widget>[]})

 

 

  • Row

Row({Key key, MainAxisAlignment mainAxisAlignment: MainAxisAlignment.start, 
	MainAxisSize mainAxisSize: MainAxisSize.max,
    CrossAxisAlignment crossAxisAlignment: CrossAxisAlignment.center, 
    TextDirection textDirection, 
    VerticalDirection verticalDirection: VerticalDirection.down, 
    TextBaseline textBaseline: TextBaseline.alphabetic, 
    List<Widget> children: const <Widget>[]})

 

  • MainAxisAlignment : children을 주축을 따라 배치하는 방법.
    • start
    • end
    • center
    • spaceBetween
    • spaceAround
    • spaceEvenly
  • MainAxisSize : children 공간을 할당 한 후 남는 여유 공간이 있을 수 있다. 이 값이 들어오는 레이아웃 제약에 따라 여유 공간을 최대화할지 최소화할지 여부를 제어한다.
    • max
    • min
    • ...
  • CrossAxisAligment : cross 축에 따라 children을 배치하는 방법.
    • start
    • end
    • center
    • ...
  • VerticalDirection :  자식을 세로로 배치하는 순서와 해석 방법 start 및 end 세로 방향을 결정
    • start
    • end
    • ...

 

 

 

MainAxisAlignment enum - rendering library - Dart API

How the children should be placed along the main axis in a flex layout. See also: Constants center → const MainAxisAlignment Place the children as close to the middle of the main axis as possible. const MainAxisAlignment(2) end → const MainAxisAlignmen

api.flutter.dev

 

 

 

MainAxisAlignment enum - rendering library - Dart API

How the children should be placed along the main axis in a flex layout. See also: Constants center → const MainAxisAlignment Place the children as close to the middle of the main axis as possible. const MainAxisAlignment(2) end → const MainAxisAlignmen

api.flutter.dev

 

 

MainAxisAlignment enum - rendering library - Dart API

How the children should be placed along the main axis in a flex layout. See also: Constants center → const MainAxisAlignment Place the children as close to the middle of the main axis as possible. const MainAxisAlignment(2) end → const MainAxisAlignmen

api.flutter.dev

 

 

 

 

 

 

MainAxisAlignment enum - rendering library - Dart API

How the children should be placed along the main axis in a flex layout. See also: Constants center → const MainAxisAlignment Place the children as close to the middle of the main axis as possible. const MainAxisAlignment(2) end → const MainAxisAlignmen

api.flutter.dev

 

 

 

MainAxisAlignment enum - rendering library - Dart API

How the children should be placed along the main axis in a flex layout. See also: Constants center → const MainAxisAlignment Place the children as close to the middle of the main axis as possible. const MainAxisAlignment(2) end → const MainAxisAlignmen

api.flutter.dev

 

반응형