ClipRRect - borderRadius 적용시 이미지 미노출
276
작성자 없음
작성한 질문수 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 강의를 구매하시면 코드팩토리 디스코드 서버 플러터 프리미엄 채널에 들어오실 수 있습니다! 디스코드 서버에 들어오시고 저에게 메세지로 강의를 구매하신 이메일을 보내주시면 프리미엄 채널에 등록해드려요! 프리미엄 채널에 들어오시면 모든 질의응답 최우선으로 답변해드립니다!
답변 1
0
안녕하세요!
코드를 읽는게 불가능하게 붙여넣기 해주셨습니다 ㅠ
구조를 맞춰서 첨부 해주세요.
그리고 만약에 에러 메세지가 있다면 에러도 함께 첨부 해주세요.
모든 에러에는 필수로 에러 메세지가 함께 있어야 확인이 가능합니다.
감사합니다!
Isar 마지막 업데이트는 2년전입니다.
0
30
0
FlutterSecureStorage 질문
0
31
0
Dio onError Interceptor 만드는 부분에 질문이 있습니다.
0
80
2
관리자 기능에 대한 질문
0
100
2
part 'restaurant_model.g.dart';
0
92
1
36강. dio 인터셉터에 storage를 전달하는 코드가 이해 안되는데요. 도움 부탁드립니다.
0
56
2
2번 반환 상황 관련 질문
0
61
2
riverpod 3.0
0
140
2
Asset folder??
0
82
2
디자이너와 협업 시 프레임 크기 설정 관련 질문
0
114
2
FutureProvider, StateNotifierProvider 선택 기준
0
70
2
컴포넌트 모델화
0
64
2
쿼리 파라미터
0
84
2
화면 안보임
0
68
2
PaginationListView
0
54
1
강의중 37.Dio onErrorInterceptor 작업하기 dio 관련 질문입니다.
0
103
2
프로토타입이미지
0
62
2
여러 객체를 상태 관리하는 방법에 대한 질문
0
85
2
장바구니 결제하기 응답이 500이 옵니다.
0
105
2
removeFromBasket에서 await patchBasket()을 마지막에 하면 에러나는거 아닌가요?
0
67
2
이 두가지는 완전히 동일한 기능인가요?
0
106
3
내부 코드를 작성하지 않은 CursorPaginationLoading가 어떻게 로딩상태를 갖는지 잘 모르겠습니다...
0
77
2
_SplashScreenState에서 storage를 late로 호출해서 한번만 불러와도 되나요?
0
86
2
코딩 작성 순서 관련 질문
0
88
2





