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

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

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


ListView.builder 를 사용하여 dataList 를 불러오는데 Undefined name 'dataList' 라는 오류가 뜹니다...ㅠㅠ



스파르타 즉문즉답






// import 'dart:html';


import 'package:flutter/material.dart';


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


  @override
  Widget build(BuildContext context) {
    // 음식 사진 데이터
    // prefer_const_constructors: false,
    // prefer_const_literals_to_create_immutables: false,
    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();
  }
}


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: Scaffold(
          appBar: AppBar(
            backgroundColor: Colors.white,
            centerTitle: false,
            elevation: 0.0,
            title: const Text(
              "Movie Reviews",
              style: TextStyle(
                  fontSize: 28,
                  color: Colors.black,
                  fontWeight: FontWeight.bold),
            ),
            actions: <Widget>[
              IconButton(
                icon: const Icon(
                  Icons.person_outlined,
                  color: Colors.black,
                ),
                onPressed: () {},
              ),
            ],
          ),
          body: Column(
            children: [
              Container(
                padding: EdgeInsets.all(10.0),
                child: const TextField(
                  decoration: InputDecoration(
                    border: OutlineInputBorder(),
                    hintText: "영화 제목을 검색해주세요.",
                    suffixIcon: Icon(Icons.search),
                  ),
                ),
              ),
              ListView.builder(itemBuilder: (context, index) {
                String category = dataList[index]['category'];
                String imgUrl = dataList[index]['imgUrl'];


                return Card(
                  child: Row(
                    children: [
                      Image.network(
                        imgUrl,
                        height: 100,
                        width: double.infinity,
                      ),
                    ],
                  ),
                );
              })
              // Container(
              //   padding: EdgeInsets.all(5.0),
              //   child: Image.network(
              //     "https://i.ibb.co/sR32PN3/topgun.jpg",
              //   ),
              // ),
            ],
          ),
        ));
  }
}




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