프로필 꾸미기 상점 화면 레이아웃 버그 수정 - 카테고리 타일이 안 보이던 문제
ListView(스크롤 영역) 안에서 Row에 stretch 정렬만 주면 높이가 정해지지 않아 자식 크기 계산이 깨지는 문제였다. 카테고리 타일 Row 전체를 SizedBox로 감싸 높이를 고정하니 "기본 프로필 꾸미기" 타일과 그 아래 템플릿 목록이 정상적으로 그려진다.
This commit is contained in:
@@ -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,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
],
|
||||||
],
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user