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