[flutter] 유데미x스나이퍼팩토리 프로젝트 캠프 - 7일차 과제 -

<7일차 과제 요구사항>

과제 1번

과제 1. “아래로 당겨서 새로고침”은 UX 관점에서 매우 편리하고 새로운 데이터를 요청하고 보여주기 위한 좋은 수단이된다. 지정된 패키지를 활용하여 아래 결과와 동일한 결과물을 만드시오.
(과제 1, 2번은 페이지 전환이 되도록 작성하시오)

• 사진리스트

final imageUrl = [
  "https://images.pexels.com/photos/1108099/pexels-photo-1108099.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
  "https://images.pexels.com/photos/33053/dog-young-dog-small-dog-maltese.jpg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
  "https://images.pexels.com/photos/2664417/pexels-photo-2664417.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
  "https://images.pexels.com/photos/10361796/pexels-photo-10361796.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
  "https://images.pexels.com/photos/9409823/pexels-photo-9409823.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1"
];

• 패키지 명 : pull_to_refresh
• 결과
  • 아래로 당기면 새로운 랜덤 이미지로 바뀐다.
  • pull_to_refresh 패키지를 사용할 때 header: WaterDropHeader(), 를 활용한다.
    

패키지 정보

과제 코드

결과

과제 후기

과제 2번

과제 2. “Slider, Carousel”를 지정된 패키지를 활용하여 다음의 결과물을 만드시오

• 패키지 명 : carousel_slider
• 결과
  • 결과물의 데이터는 과제 1번의 데이터를 활용할 수 있다.
  • 2.5초마다 다음 페이지로 자동으로 넘어가도록 설정하시오.
    

패키지 정보

과제 코드

결과

과제 후기