[Flutter] 이미지 리스트 샘플 앱

main.dart시작.


flutter는 첫진입은 일반적으로 lib/main.dart로 시작된다.
-매트리얼 테마를 사용하기 위해서 import
-runApp은 메테리얼 라이브러리를 통해 실행된다.
-App은 따로 빼서 진행한다.

#lib/main.dart

import 'package:flutter/material.dart';
import 'src/app.dart';

void main(){
  runApp(App());
}

lib에  src폴더를 만들고 app.dart를 생성한다.
-StatefulWidget을 통해서 서버로 들어오는 아이템들을 리스트로 보내주고 있다.
-Scaffold는 Floating Action Button과 타이틀바 및 바텀바등을 기본적으로 가지는 위젯이다.
-await은 비동기 방식을 동기형태로 바꿔주고 네트워크 결과값을 가져온다.
-미리 정의된 ImageModel.FromJson을 통해 디코딩을 거친다.
-마지막으로 setState()을 통해 images라는 리스트에 아이템을 추가해서 state변경.

 

참조 :

https://javaexpert.tistory.com/965