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

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() {
return Row(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Expanded(
flex: 3,
child: _CategoryTile(
title: '기본 프로필 꾸미기',
icon: Icons.person_rounded,
selected: _selectedCategory == 'basic_profile',
enabled: true,
onTap: () => setState(() => _selectedCategory = 'basic_profile'),
// 📏 ListView(스크롤 영역) 안에서는 높이가 정해져 있지 않아 Row에
// stretch 정렬만 주면 자식 크기 계산이 깨진다. SizedBox로 높이를 못박아둔다.
return SizedBox(
height: 180,
child: Row(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Expanded(
flex: 3,
child: _CategoryTile(
title: '기본 프로필 꾸미기',
icon: Icons.person_rounded,
selected: _selectedCategory == 'basic_profile',
enabled: true,
onTap: () => setState(() => _selectedCategory = 'basic_profile'),
),
),
),
const SizedBox(width: 12),
Expanded(
flex: 4,
child: Column(
children: [
_CategoryTile(
title: '랭킹 · 친구창 배경',
subtitle: '준비중',
icon: Icons.leaderboard_rounded,
selected: false,
enabled: false,
onTap: null,
),
const SizedBox(height: 12),
_CategoryTile(
title: '출석 · 그룹창 표시',
subtitle: '준비중',
icon: Icons.groups_rounded,
selected: false,
enabled: false,
onTap: null,
),
],
const SizedBox(width: 12),
Expanded(
flex: 4,
child: Column(
children: [
Expanded(
child: _CategoryTile(
title: '랭킹 · 친구창 배경',
subtitle: '준비중',
icon: Icons.leaderboard_rounded,
selected: false,
enabled: false,
onTap: null,
),
),
const SizedBox(height: 12),
Expanded(
child: _CategoryTile(
title: '출석 · 그룹창 표시',
subtitle: '준비중',
icon: Icons.groups_rounded,
selected: false,
enabled: false,
onTap: null,
),
),
],
),
),
),
],
],
),
);
}