인프런 커뮤니티 질문&답변

sealed class 사용시 Radio위젯에 선택 표시가 안되는 이유는

Radio위젯에 value == groupValue 값이 같아도 객체 참고가 다르기 때문에 발생되는 것으로 확인했습니다.

orderType비교시 == 값이 같은 경우 가능하도록 내용을 수정했는데 제대로 수정했는지 궁금해서 문의드립니다. *참조코드 2 내용

1.*참조코드 2 내용 수정이 잘되었는지 확인

2.freezed 사용시 자동으로 만들어 주는 부분인데 seald 클래스 사용시 팁이 있는지 궁금합니다.

 3.copyWith 부분도 추가하는 형태도 궁금합니다.

참조코드 1

import 'package:flutter/material.dart';
import 'package:flutter_note_app/domain/model/util/note_order.dart';

class OrderSection extends StatelessWidget {
  final NoteOrder noteOrder;
  final Function(NoteOrder noteOrder) onOrderChanged;
  const OrderSection({
    super.key,
    required this.noteOrder,
    required this.onOrderChanged,
  });

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Row(
          children: [
            Radio<NoteOrder>(
              value: NoteOrder.title(noteOrder.orderType),
              groupValue: noteOrder,
              onChanged: (NoteOrder? value) {
                onOrderChanged(NoteOrder.title(noteOrder.orderType));
              },
              activeColor: Colors.white,
            ),
            const Text('제목'),
            Radio<NoteOrder>(
              value: NoteOrder.date(noteOrder.orderType),
              groupValue: noteOrder,
              onChanged: (NoteOrder? value) {
                onOrderChanged(NoteOrder.date(noteOrder.orderType));
              },
              activeColor: Colors.white,
            ),
            const Text('날짜'),
            Radio<NoteOrder>(
              value: NoteOrder.color(noteOrder.orderType),
              groupValue: noteOrder,
              onChanged: (NoteOrder? value) {
                onOrderChanged(NoteOrder.color(noteOrder.orderType));
              },
              activeColor: Colors.white,
            ),
            const Text('색상'),
          ],
        ),
      ],
    );
  }
}

참조코드 2

import 'package:flutter_note_app/domain/model/util/order_type.dart';

sealed class NoteOrder {
  final OrderType orderType;

  const NoteOrder(this.orderType);

  factory NoteOrder.title(OrderType orderType) = NoteOrderTitle;
  factory NoteOrder.date(OrderType orderType) = NoteOrderDate;
  factory NoteOrder.color(OrderType orderType) = NoteOrderColor;

  @override
  bool operator ==(Object other) {
    return runtimeType == other.runtimeType &&
        other is NoteOrder &&
        other.orderType == orderType;
  }

  @override
  int get hashCode => Object.hash(runtimeType, orderType);
}

class NoteOrderTitle extends NoteOrder {
  NoteOrderTitle(super.orderType);
}

class NoteOrderDate extends NoteOrder {
  NoteOrderDate(super.orderType);
}

class NoteOrderColor extends NoteOrder {
  NoteOrderColor(super.orderType);
}

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.