* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

2주차 숙제 Shazam 클론 코딩 (숙제 답안 - [DartPad] Shazam 완성본 보기 ) 소스입니다.

스마트폰에서 테스트시 Row 오버플로 나는데요, 미디어쿼리 width 값 조정하면 해결은 되는데요, 값을 조정하지 않고 코딩으로 해결할 수 있는 방법이 있는지 문의드립니다. 캡쳐화면 우측아래 보시면 빨간색 버튼에 가로사이즈 1.2픽셀 오버되었다고 나옵니다. Expanded 적용해보고 구글링도 해봤는데 해결을 하지 못해서 도움 요청드립니다.

작성한 코드 및 에러 메세지

                    Row(

                      children: [

                        ...chartData['korea']!.map(

                          (song) {

                            String imageUrl = song['imageUrl']!;

                            String name = song['name']!;

                            String artist = song['artist']!;

                            return Padding(

                              padding: const EdgeInsets.all(8.0),

                              child: Column(

                                crossAxisAlignment: CrossAxisAlignment.start,

                                children: [

                                  Image.network(

                                    imageUrl,

                                    width: MediaQuery.of(context).size.width *

                                        0.29,

                                  ),

                                  Text(

                                    name,

                                    style: TextStyle(

                                      fontWeight: FontWeight.bold,

                                    ),

                                  ),

                                  Text(

                                    artist,

                                  ),

                                ],

                              ),

                            );

                          },

                        ),

                      ],

                    ),오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!