1단계 buildMethod를 Widget으로 분리 #40
Conversation
lib/component/billing.dart
Outdated
| ), | ||
| Spacer(), | ||
| Text( | ||
| '3,000원', |
There was a problem hiding this comment.
배달팁 값이 하드코딩 되어있는데요,
4,000원이나 5,000원도 보여줄 수 있도록 유연하게 만들어보면 어떨까요? 🙂
Menu 위젯처럼 프로퍼티로 받아봐도 좋을 듯 해요!
lib/component/button_billing.dart
Outdated
| width: 7, | ||
| ), | ||
| Text( | ||
| '21,000원 배달 주문하기', |
There was a problem hiding this comment.
여기도 금액 정보를 유연하게 변경 가능하도록 바꿔봐도 좋을 듯 해요 !
lib/component/button_billing.dart
Outdated
|
|
||
| class ButtonBilling extends ElevatedButton { | ||
| ButtonBilling({Key? key, required VoidCallback? onPressed}) | ||
| : super(key: key, onPressed: onPressed, child: children(), style: buttonStyle()); |
There was a problem hiding this comment.
새로운 위젯을 만들 때,
다른 위젯을 상속하기 보다는 레고 부품처럼 활용해보는 걸
먼저 고려해보셔도 좋을 듯 합니다 😀
아래처럼 build() 메소드에서 ElevatedButton을 사용하기만 해도 동일하게 구현할 수 있어요!
class ButtonBilling extends StatelessWidget {
ButtonBilling({
Key? key,
required VoidCallback? onPressed,
}) : super(key: key);
@override
Widget build(BuildContext context) {
return ElevatedButton(
child: children(),
style: buttonStyle(),
onPressed: onPressed,
);
}
}
lib/component/menu.dart
Outdated
| class Menu extends StatelessWidget { | ||
| final String name; | ||
| final String description; | ||
| final String price; |
There was a problem hiding this comment.
클래스 내부에서만 사용되는 프로퍼티나 메소드들은
이름 앞에 _를 붙여서 private으로 만드는 것을 권장드려요 !
There was a problem hiding this comment.
final 키워드 앞에 private를 붙일 수가 없더라구요
다트에서는 변수에 _를 붙이면 자동으로 접근제어가 private으로 설정되는 걸까요?
_ prefix로 private을 명시하는 문법은 다트만의 특성인가요?
lib/component/store_name.dart
Outdated
| ClipRRect( | ||
| borderRadius: BorderRadius.circular(12), | ||
| child: Image.asset( | ||
| 'images/chickenCartoonImage.jpg', |
There was a problem hiding this comment.
여기도 이미지 정보를 유연하게 바꿀 수 있도록 바꿔봐도 좋을 듯 해요 !
lib/cart_screen.dart
Outdated
| _buildAddMore(), | ||
| _buildBilling(), | ||
| ButtonAddMore(), | ||
| Billing(), |
There was a problem hiding this comment.
Billing이나 StoreName, Menu 같은 위젯들은 cart_screen.dart에서만 사용될 것 같아요!
위 위젯들을 cart_screen.dart 파일에서만 사용할 수 있게 하고,
다른 파일에서는 못 쓰게 하려면 어떻게 해야 할까요?
다음 링크를 참고해서 수정해보시겠어요? 🙂
There was a problem hiding this comment.
팁 감사합니다!
class에 대한 의존을 제어하는 방식이 굉장히 흥미롭네요 🤩
Flutter 플러그인 설치 후,
|
가게명을 생성자를 통해 주입 받도록 변경
이미지 경로를 생성자를 통해 주입 받도록 변경
안녕하세요 리뷰어님!
시작이 조금 늦은 만큼 열심히 쭉쭉 달려보겠습니다!
많은 피드백 부탁드립니다 🙇
혹시 안드로이드 스튜디오에서 dart 파일을 생성할때
import 'package:flutter/material.dart';import를 자동(?)으로 적용해주는 플러그인이나 도구 같은게 있을까요?