Flutter Row 내부 텍스트 자동 줄 넘기기 / Flexible

 

Row(
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Text('${widget.playlistDetail.name}', style: TextStyle(fontSize: 25, fontWeight: FontWeight.bold),),
                // Expanded(child: SizedBox.shrink()), // 오른쪽 끝에 넣게 하니까, 플레이리스트 전체를 수정하는 기능이 있어 하는 느낌이야.
                SizedBox(width: 10,),
                Icon(Icons.edit, color: Colors.grey, size: 22,),
              ]
            )

이런 결과를 볼 수 있다.

 

여기서 Text를 Flexible로 감싸주면

 

Row(
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Flexible(child: Text('${widget.playlistDetail.name}', style: TextStyle(fontSize: 25, fontWeight: FontWeight.bold),)),
                // Expanded(child: SizedBox.shrink()), // 오른쪽 끝에 넣게 하니까, 플레이리스트 전체를 수정하는 기능이 있어 하는 느낌이야.
                SizedBox(width: 10,),
                Icon(Icons.edit, color: Colors.grey, size: 22,),
              ]
            )

 

이렇게 된다.