[movie_app] 상세페이지

네임루트로 페이지를 이동시키기 위해 MaterialApp 위젯에 루트를 설정하였다.

상세 페이지로 이동할 때 코드와 이미지, 네이버 영화 페이지 링크를 주기위해 argument 를 설정해 페이지 생성자로 넘겨주었다.

루트 설정 및 argument 처리

페이지 이동 시 arguments 넘기기(좌), 파라미터 받기(우)

페이지 배경으로 이미지를 깔아놓기 위해 scaffold 를 컨테이너로 감싸고 데코레이션이미지를 씌었다.

 

상세 페이지에 줄거리를 넣으려고 했는데 api 에서 주는 데이터에 없었다. 네이버 api 응답 부분에 link 라는 url 을 타면 네이버 영화 검색 페이지가 뜬다. 여기서 줄거리 부분을 스크랩 해서 붙혀주기로 했다.

 

html | Dart Package

 

http | Dart Package

html 과 http 패키지를 설치하고 네이버 링크에 개발자 도구를 키고 줄거리 부분의 태그를 찾았다.

con_tx 라는 class 이름의 텍스트를 가져와서 개행과 띄어쓰기를 위한 문자는 지워주었다.

Flexible 위젯을 이용해 자동으로 개행이 되게 하였다.