[Flutter] Column 안에 Widget과 List<Widget>을 함께 쓰고 싶을 때

Column 안에 Text와 List<Widget>을 함께 보여주고 싶은 경우가 있다.

예를 들어 어떤 '지원 목록'을 나타내야 할 때 아래와 같이 쓰고 싶다.

Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  children: [ 
    const Text('지원 목록'), 
    appliedList.map((applied) => _appliedView(applied)).toList()
  ]
)

 

하지만 위 코드는 컴파일 에러가 발생한다.
children 안에서는 하나의 아이템, 즉 Widget이 와야 하는데 거기에 List를 넣어서 문제라는 거다.

The element type 'List<Widget>' can't be assigned to the list type 'Widget'.dart

 

이럴 땐 ...을 붙여서 처리하면 된다.

Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  children: [ 
    const Text('지원 목록'), 
    ...appliedList.map((applied) => _appliedView(applied)).toList()
  ]
)