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

캘린더 예시에서 캘린더 라이브러리와 배너랑 스케쥴카드를 한 화면에 넣잖아요. 바텀네비게이션바와 충돌이 나는 건지.. Column(children:)으로 감싸면 화면 에러가 나고 SafeArea/Container(child: )로 감싸면 잘 나옵니다.

• 탭바뷰

List<Widget> renderChildren() {
  return [
    RuleScreen(),
    TechniquesScreen(),
    TotalCalendarScreen(),<-- 이부분
    CalculateScreen(),
  ];
}

• TotalCalendarScreen() 잘 나오는 경우

   

class TotalCalendarScreen extends StatefulWidget {
  @override
  State<TotalCalendarScreen> createState() => _TotalCalendarScreenState();
}

class _TotalCalendarScreenState extends State<TotalCalendarScreen> {
  DateTime selectedDate = DateTime.utc(
    DateTime.now().year,
    DateTime.now().month,
    DateTime.now().day,
  );

  void onDaySelected(DateTime selectedDate, DateTime focusedDate) {
    setState(() {
      this.selectedDate = selectedDate;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: MainCalendar(
          onDaySelected: onDaySelected,
          selectedDate: selectedDate,
        ),
      ),
    );
  }

• BOTTOM OVERFLOWED BY infinity PIXELS

   return Scaffold(
        body: SafeArea(
          child: Column(
            children: [ <-- 리스트로 감싸면 에러납니다.
              MainCalendar(
                onDaySelected: onDaySelected,
                selectedDate: selectedDate,
              ),
              SizedBox(height: 8),
              TodayBanner(selectedDate: selectedDate),
              SizedBox(height: 8),
              ScheduleCard(startTime: 12, endTime: 14, content: 'content'),
            ],
          ),
        ),
      );

어떻게 해결하면 좋을까요?