Flutter - 인별 클론 코딩 V1.0, 시작

해본 후 2.0도 하기

1.0 시작!!!!!

기초 시작 !

프로젝트 생성 해서 main.dart를 다시 만들어주고 stateless 를 따로 dart를 만들어서 코드를 분리해줬다. 그리고 assets 폴더에 이미지를 추가해서 pubspec.yaml에서 이미지를 추가해줬다. 그러나 경로 설정시 해당 경로의 이미지만 가져올 수 있어서 하위 폴더에 대한 이미지는 따로 또 경로를 설정 해줘야 한다. 예) assets/ 와 assets/icon은 따로 해줘야함.

stateless 는 상태 변화가 없는 페이지 statefull은 상태가 변화하는 페이지

그러나 stateless에서도 변화는 해줄 수가 있음. 이거는 나중에 배우고 stateless를 Alt + Enter을 해서 statefull로 변경 가능.

Bottom Navigation을 만들고 코드를 붙여왔는데 List 에서 type 'List<dynamic>' is not a subtype of type 'List<Widget>' 이런 에러가 나와서 그냥 List를 List<Widget>로 변경 해 보았다. 정상 작동된다. 영상을 보면 코드도 맞는것으로 보임.

List<Widget>와 IndexedStack의 차이점은 Container로 치면 5개중 1번 화면에서 2번 네비게이션버튼을 눌러 이동하게 하면 List<Widget>는 기존 1번은 파괴하고 2번을 새로 불러옴, IndexedStack는 순차적으로 쌓아놓고 맨위로 불러옴. 메모리는 많이 차지 할 수 있지만 resource의 소비량이 줄어들수 있어서 잘 골라서 쓰면됨. 이 강의에서는 IndexedStack을 사용함.