코딩하는 둥식이

1️⃣ table-calendar 라이브러리 다운로드 https://pub.dev/packages/table_calendar table_calendar | Flutter Package Highly customizable, feature-packed calendar widget for Flutter. pub.dev ① installing dependencies: table_calendar: ^3.0.8 ② import import 'package:table_calendar/table_calendar.dart'; 2️⃣ 달력 디자인하기 @override Widget build(BuildContext context) { final defaultBoxDeco = BoxDecoration( borderRadius..

1️⃣ home_app_bar에 클릭 이벤트 넣어주기 @override Widget? get title => Row( children: [ InkWell( onTap: () { showModalBottomSheet( //shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(50)), backgroundColor: Colors.transparent, context: context, builder: (BuildContext context) { return Container( padding: EdgeInsets.only(left: 20, right: 20), //위 패딩은 모달창의 터치 가능한 영역 내부 패딩 //height: elevation,..

✅ 전체 디자인 import 'package:flutter/gestures.dart'; import 'package:flutter/material.dart'; import 'package:riverpod_firestore_steam1/models/test/comment.dart'; import 'package:riverpod_firestore_steam1/view/pages/main/search/components/board_app_bar_v2.dart'; import 'package:riverpod_firestore_steam1/view/pages/main/search/components/comment_body.dart'; import 'package:riverpod_firestore_steam1/vi..

1️⃣ 게시글 목록 - 프로필 & 내용 ① user 프로필 디자인 final Board board; Row _buildProfile() { return Row( crossAxisAlignment: CrossAxisAlignment.center, children: [ Container( width: 32, height: 32, decoration: BoxDecoration( borderRadius: BorderRadius.all( Radius.circular(8), ), image: DecorationImage(image: AssetImage(board.userImg), fit: BoxFit.cover), ), ), SizedBox(width: 10), Text( board.name, style: text..

1️⃣ 검색창 만들기 PreferredSize _buildSearchAppBar(BuildContext context) { return PreferredSize( preferredSize: Size.fromHeight(66), child: Padding( padding: const EdgeInsets.only(top: 14), child: AppBar( leading: IconButton( icon: SvgPicture.asset("assets/icon_arrow_back.svg", width: 10), onPressed: () { Navigator.pop(context); }, color: kPrimaryColor(), ), title: Stack( children: [ Container( height..