본문 바로가기
Flutter/Flutter FAQ

Flutter에서 둥근 모서리 이미지를 만드는 방법, How to do Rounded Corners Image in Flutter

by 베타코드 2023. 5. 8.
반응형

질문

나는 영화에 대한 정보 목록을 만들기 위해 플러터를 사용하고 있습니다. 이제 왼쪽에 있는 커버 이미지를 둥근 모서리 사진으로 만들고 싶습니다. 다음과 같이 시도해 보았지만 작동하지 않았습니다. 감사합니다!

    getItem(var subject) {     var row = Container(       margin: EdgeInsets.all(8.0),       child: Row(         children: <Widget>[           Container(             width: 100.0,             height: 150.0,             decoration: BoxDecoration(               borderRadius: BorderRadius.all(Radius.circular(8.0)),               color: Colors.redAccent,             ),             child: Image.network(               subject['images']['large'],               height: 150.0,               width: 100.0,             ),           ),         ],       ),     );     return Card(       color: Colors.blueGrey,       child: row,     );   } 

다음과 같이

enter image description here

답변

ClipRRect을(를) 사용하면 완벽하게 작동합니다.

ClipRRect(     borderRadius: BorderRadius.circular(8.0),     child: Image.network(         subject['images']['large'],         height: 150.0,         width: 100.0,     ), ) 
반응형

댓글