프로필 꾸미기 상점 화면 레이아웃 버그 수정 - 카테고리 타일이 안 보이던 문제

ListView(스크롤 영역) 안에서 Row에 stretch 정렬만 주면 높이가 정해지지 않아
자식 크기 계산이 깨지는 문제였다. 카테고리 타일 Row 전체를 SizedBox로
감싸 높이를 고정하니 "기본 프로필 꾸미기" 타일과 그 아래 템플릿 목록이
정상적으로 그려진다.
This commit is contained in:
2026-10-01 00:38:06 +00:00
parent 705c0c086a
commit a4a7b5be48
+46 -37
View File
@@ -138,45 +138,54 @@ class _ProfileCustomizeScreenState extends State<ProfileCustomizeScreen> {
} }
Widget _buildCategoryTiles() { Widget _buildCategoryTiles() {
return Row( // 📏 ListView(스크롤 영역) 안에서는 높이가 정해져 있지 않아 Row에
crossAxisAlignment: CrossAxisAlignment.stretch, // stretch 정렬만 주면 자식 크기 계산이 깨진다. SizedBox로 높이를 못박아둔다.
children: [ return SizedBox(
Expanded( height: 180,
flex: 3, child: Row(
child: _CategoryTile( crossAxisAlignment: CrossAxisAlignment.stretch,
title: '기본 프로필 꾸미기', children: [
icon: Icons.person_rounded, Expanded(
selected: _selectedCategory == 'basic_profile', flex: 3,
enabled: true, child: _CategoryTile(
onTap: () => setState(() => _selectedCategory = 'basic_profile'), title: '기본 프로필 꾸미기',
icon: Icons.person_rounded,
selected: _selectedCategory == 'basic_profile',
enabled: true,
onTap: () => setState(() => _selectedCategory = 'basic_profile'),
),
), ),
), const SizedBox(width: 12),
const SizedBox(width: 12), Expanded(
Expanded( flex: 4,
flex: 4, child: Column(
child: Column( children: [
children: [ Expanded(
_CategoryTile( child: _CategoryTile(
title: '랭킹 · 친구창 배경', title: '랭킹 · 친구창 배경',
subtitle: '준비중', subtitle: '준비중',
icon: Icons.leaderboard_rounded, icon: Icons.leaderboard_rounded,
selected: false, selected: false,
enabled: false, enabled: false,
onTap: null, onTap: null,
), ),
const SizedBox(height: 12), ),
_CategoryTile( const SizedBox(height: 12),
title: '출석 · 그룹창 표시', Expanded(
subtitle: '준비중', child: _CategoryTile(
icon: Icons.groups_rounded, title: '출석 · 그룹창 표시',
selected: false, subtitle: '준비중',
enabled: false, icon: Icons.groups_rounded,
onTap: null, selected: false,
), enabled: false,
], onTap: null,
),
),
],
),
), ),
), ],
], ),
); );
} }