[Flutter] Dart의 Map 함수 응용해서 이미지 여러 개 출력하기

return Row(
      children: number
          .toString()
          .split('')
          .map(
            (e) => Image.asset(
              'asset/img/$e.png',
              width: 50,
              height: 70,
            ),
          )
          .toList(),
    );

 다음 코드를 보자. 정말 많이 쓰이는 패턴이니 외워두면 좋겠다!! (개발자들의 기본 소양 같은 부분..)

우선 number은 int 숫자를 의미하고, 123, 456 등이 들어간다. 우리가 하고 싶은 것은 123을 쪼개서 1, 2, 3을 각각

구해서 해당 숫자에 해당하는 이미지 파일을 출력한다.

 

우선 들어온 int를 toString으로 String으로 바꾼다. 그리고 split함수를 통해 쪼갠다. 그 쪼갠 각각이

리스트를 이루고 있다. 이를 map을 통해 리스트를 순회하고, map 내부 함수에 인수를 전달해준다.

 

함수가 실행된 이후 Image 객체들이 생성된다. 이 객체들을 toList를 통해 List안에 넣어준다.

 

이렇게 되면, Row 위젯 안에 이미지들이 가로 순서대로 출력이 될 것이다!!