[Flutter] 3. Wrap

3. Wrap class

수평 또는 수직으로 여러개의 자식들이 실행되는 것을 표시하는 위젯.

Wrap은 각각의 자식을 배치하고 main축에서 direction이 주어지고 사이에 공간이 생긴 이전의 자식을 그 자식에 맞게 위치한다. 만약 충분한 공간이 없다면, Wrap 은 cross축 존재하는 children에 맞게 새로 실행한다.

모든 자식이 할당된 후, 실행된 자식들은 메인축에 따라 위치한다.

runSpacing과 runAlignment에 따라 교차 축에 배치된다.

• Wrap 클래스는 디바이스를 벗어났을때, 줄내림을 해줄때 사용한다.
• 자동으로 내려감.
• Ex) 댓글, 글이 길때, 줄내림을 할때 사용.

Wrap(
  children: <Widget>[
    SizedBox(
      width: 200,
      child: FlatButton(
        color: Colors.blue,
        onPressed: () {},
        child: Text('Blue'),
      ),
    ),
    SizedBox(
      width: 250,
      child: FlatButton(
        color: Colors.blueAccent,
        onPressed: () {},
        child: Text('Navy'),
      ),
    ),
    SizedBox(
      width: 300,
      child: FlatButton(
        color: Colors.purple,
        onPressed: () {},
        child: Text('Purple'),
      ),
    )
  ],
)