
* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
2주차 06번 '피드마다 다른 이미지 보여주기' 진행중입니다.
가장 마지막 부분에 있는
" Feed 위젯에 index에 해당하는 image를 전달해 봅시다. "
-> 이부분에서 마지막 코드스니펫을 복사해서 붙여넣었는데, 실행이 안됩니다.
feed 부분에 빨간줄이 안사라져요...
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'feed.dart';
class HomePage extends StatelessWidget {
const HomePage({super.key});
@override
Widget build(BuildContext context) {
final List<String> images = [
"https://cdn2.thecatapi.com/images/6bt.jpg",
"https://cdn2.thecatapi.com/images/ahr.jpg",
"https://cdn2.thecatapi.com/images/arj.jpg",
"https://cdn2.thecatapi.com/images/brt.jpg",
"https://cdn2.thecatapi.com/images/cml.jpg",
"https://cdn2.thecatapi.com/images/e35.jpg",
"https://cdn2.thecatapi.com/images/MTk4MTAxOQ.jpg",
"https://cdn2.thecatapi.com/images/MjA0ODM5MQ.jpg",
"https://cdn2.thecatapi.com/images/AuY1uMdmi.jpg",
"https://cdn2.thecatapi.com/images/AKUofzZW_.png",
];
return Scaffold(
appBar: AppBar(
backgroundColor: Colors.white,
elevation: 0.5,
leading: Row(
children: [
SizedBox(width: 16),
Text(
'중앙동',
style: TextStyle(
color: Colors.black,
fontWeight: FontWeight.bold,
fontSize: 20,
),
),
Icon(
Icons.keyboard_arrow_down_rounded,
color: Colors.black,
),
],
),
leadingWidth: 100,
actions: [
IconButton(
onPressed: () {},
icon: Icon(CupertinoIcons.search, color: Colors.black),
),
IconButton(
onPressed: () {},
icon: Icon(Icons.menu_rounded, color: Colors.black),
),
IconButton(
onPressed: () {},
icon: Icon(CupertinoIcons.bell, color: Colors.black),
),
],
),
body: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16),
child: ListView.separated(
itemCount: images.length, // 이미지 개수만큼 보여주기
itemBuilder: (context, index) {
final image = images[index]; // index에 해당하는 이미지
return Padding(
padding: const EdgeInsets.symmetric(vertical: 12),
child: Feed(imageUrl: image), // imageUrl 전달
);
},
separatorBuilder: (context, index) {
return Divider();
},
),
),
floatingActionButton: FloatingActionButton(
onPressed: () {},
backgroundColor: Color(0xFFFF7E36),
elevation: 1,
child: Icon(
Icons.add_rounded,
size: 36,
),
),
bottomNavigationBar: BottomNavigationBar(
fixedColor: Colors.black,
unselectedItemColor: Colors.black,
showUnselectedLabels: true,
selectedFontSize: 12,
unselectedFontSize: 12,
iconSize: 28,
type: BottomNavigationBarType.fixed,
items: [
BottomNavigationBarItem(
icon: Icon(Icons.home_filled),
label: '홈',
backgroundColor: Colors.white,
),
BottomNavigationBarItem(
icon: Icon(Icons.my_library_books_outlined),
label: '동네생활',
),
BottomNavigationBarItem(
icon: Icon(Icons.fmd_good_outlined),
label: '내 근처',
),
BottomNavigationBarItem(
icon: Icon(CupertinoIcons.chat_bubble_2),
label: '채팅',
),
BottomNavigationBarItem(
icon: Icon(
Icons.person_outline,
),
label: '나의 당근',
),
],
currentIndex: 0,
),
);
}
}
도와주세요.
