커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
itembuilder 에러 표시
[왕초보] 플러터(Flutter)로 시작하는 앱개발 종합반 v0
1주차
북마크
서*철
댓글
3
추천
0
조회수
9
조회수
9
답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.



너무 어려워서 숙제 영상보면서

따라 하고 있는데


강사님과 똑같이 했는데

itembuilder에만 빨간줄 뜨네요

왜 그런걸까요..



스파르타 즉문즉답



작성한 코드 및 에러 메세지

오류 발생 시, 작성한 코드 전체와import 'package:flutter/material.dart';


void main() {

  runApp(MyApp());

}


class MyApp extends StatelessWidget {

  const MyApp({Key? key}) : super(key: key);


  @override

  Widget build(BuildContext context) {

    return MaterialApp(

      debugShowCheckedModeBanner: false,

      home: HomePage(), // 홈페이지 보여주기

    );

  }

}


class HomePage extends StatelessWidget {

  const HomePage({Key? key}) : super(key: key);


  @override

  Widget build(BuildContext context) {

    // 음식 사진 데이터

    List<Map<String, dynamic>> dataList = [

      {

        "category": "탑건: 매버릭",

        "imgUrl": "https://i.ibb.co/sR32PN3/topgun.jpg",

      },

      {

        "category": "마녀2",

        "imgUrl": "https://i.ibb.co/CKMrv91/The-Witch.jpg",

      },

      {

        "category": "범죄도시2",

        "imgUrl": "https://i.ibb.co/2czdVdm/The-Outlaws.jpg",

      },

      {

        "category": "헤어질 결심",

        "imgUrl": "https://i.ibb.co/gM394CV/Decision-to-Leave.jpg",

      },

      {

        "category": "브로커",

        "imgUrl": "https://i.ibb.co/MSy1XNB/broker.jpg",

      },

      {

        "category": "문폴",

        "imgUrl": "https://i.ibb.co/4JYHHtc/Moonfall.jpg",

      },

    ];


    // 화면에 보이는 영역

    return Scaffold(

      appBar: AppBar(

        backgroundColor: Colors.white,

        elevation: 0,

        title: Text(

          'Movie Reviews',

          style: TextStyle(color: Colors.black),

        ),

        actions: [

          IconButton(

            icon: Icon(Icons.person_outlined),

            color: Colors.black,

            onPressed: () {},

          )

        ],

      ),

      body: Column(

        children: [

          Padding(

            padding: const EdgeInsets.all(8.0),

            child: TextField(

              decoration: InputDecoration(

                  hintText: "영화제목을 검색해주세요.",

                  suffixIcon: IconButton(

                    icon: Icon(Icons.search),

                    onPressed: () {},

                    color: Colors.black,

                  ),

                  border: OutlineInputBorder(

                      borderSide: BorderSide(color: Colors.black)),

                  focusedBorder: OutlineInputBorder(

                      borderSide: BorderSide(color: Colors.black)),

                  enabledBorder: OutlineInputBorder(

                      borderSide: BorderSide(color: Colors.black))),

            ),

          ),

          Expanded(

              child: ListView.builder(

                  itemCount: dataList.length

                  itemBuilder: (context, index) {

                    String imgurl = dataList[index]["imgUrl"];


                    return Card(

                      child: Stack(

                        children: [

                          Image.network(imgurl),

                     ],

                    ),

                 );

               },

             ),

           ),

        ],

      ),

    );

  }

}

에러 메시지를 첨부해 주세요.

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!




취소
 공유
취소
댓글 0
댓글 알림
나의얼굴