인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

Inflearn Community Q&A

No author

This post's author information has been deleted.

[Code Factory] [Intermediate] Flutter Real Practice! State Management, Cache Management, Code Generation, GoRouter, Authentication Logic, etc. Essential Skills to Become an Intermediate!

Working with RestaurantCard

ClipRRect - borderRadius 적용시 이미지 미노출

Written on

·

197

0

안녕하세요 강사님강의 너무잘보고 있습니다. 레스토랑 카드 만드는 중에 이미지를 둥글게 주는 옵션을 추가하면 아래 캡쳐본 처럼 이미지가 노출되지 않습니다.borderRadius: BorderRadius.circular(10.0),   반면에 아래 부분은 주석처리하면 이미지가 잘 노출되구요.. asset에 파일이 없는 문제는 아닐꺼같은데 혹시 어떻게 해결할수잇을까요? 일시적인 버그가 아닐까하여 재시작은 여러번 해보았습니다 borderRadius: BorderRadius.circular(10.0), import 'package:flutter/material.dart'; class RestaurantCard extends StatelessWidget { // 이미지 final Widget image; // 레스토랑 이름 final String name; // 레스토랑 태그 final List<String> tags; // 평점 갯수 final int ratingCount; // 배송 걸리는 시간 final int deliveryTime; // 배송 비용 final int deliveryFee; // 평균 평점 final double rating; const RestaurantCard({ required this.image, required this.name, required this.tags, required this.ratingCount, required this.deliveryTime, required this.deliveryFee, required this.rating, super.key }); @override Widget build(BuildContext context) { return Column( children: [ // image, ClipRRect( // borderRadius: BorderRadius.circular(10.0), child: image, ), const SizedBox(height: 16.0), Text( name ), ], ); } }   참고사항restaurant_screen.dartimport 'package:flutter/material.dart'; import 'package:untitled2/restaurant/component/restaurant_card.dart'; class RestaurantScreen extends StatelessWidget { const RestaurantScreen({super.key}); @override Widget build(BuildContext context) { return Container( child: Center( child: Padding( padding: const EdgeInsets.symmetric(horizontal: 16.0), child: RestaurantCard( image: Image.asset( 'asset/img/food/ddeok_bok_gi.jpg', fit: BoxFit.cover ), name: '불타는 떡볶이', tags: ['떡볶이', '치즈', '매운맛'], ratingCount: 100, deliveryTime: 15, deliveryFee: 2000, rating: 4.52, ), ), ), ); } }   - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

코드팩토리 디스코드
https://bit.ly/3HzRzUM

Flutter 강의를 구매하시면 코드팩토리 디스코드 서버 플러터 프리미엄 채널에 들어오실 수 있습니다! 디스코드 서버에 들어오시고 저에게 메세지로 강의를 구매하신 이메일을 보내주시면 프리미엄 채널에 등록해드려요! 프리미엄 채널에 들어오시면 모든 질의응답 최우선으로 답변해드립니다!
flutter하이브리드-앱

Answer 1

0

codefactory님의 프로필 이미지
codefactory
Instructor

안녕하세요!

코드를 읽는게 불가능하게 붙여넣기 해주셨습니다 ㅠ

구조를 맞춰서 첨부 해주세요.

그리고 만약에 에러 메세지가 있다면 에러도 함께 첨부 해주세요.

모든 에러에는 필수로 에러 메세지가 함께 있어야 확인이 가능합니다.

감사합니다!

No author

This post's author information has been deleted.

Ask a question