Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 인기있는 블로그 만들기
- 스마트폰 배경화면
- 구글 안드로이드 개발
- 안드로이드폰
- MapView
- 스카이 안드로이드폰 시리우스
- 안드로이드2.0개발
- 안드로이드 개발
- 구글안드로이드
- 안드로이드
- 구글 안드로이드
- 안드로이드 배경화면
- 안드로이드 개발 2.0 강좌
- 안드로이드개발
- 하루 한마디 영어
- sky 시리우스폰
- 하루한마디영어
- 스카이 안드로이드폰 시리우스 K양 동영상
- android
- 안드로이드 2.0 개발
- 안드로이드 개발 2.0
- Form Stuff
- 안드로이드2.0
- objective-c
- 안드로이드 개발 강좌
- 영어
- SKY 시리우스
- 아이폰 배경화면
- 안드로이드 바탕화면
- 아이폰 바탕화면
Archives
- Today
- Total
moozi
Flutter Image Network 본문
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'dart:async';
class HomeScreen extends StatefulWidget {
const HomeScreen({Key? key}) : super(key: key);
@override
State<HomeScreen> createState() => _HomeScreenState();
}
// ❷ State 정의
class _HomeScreenState extends State<HomeScreen> {
final PageController pageController = PageController();
@override
void initState() {
super.initState(); // ➌ 부모 initState() 실행
Timer.periodic(
// ➍ Timer.periodic() 등록
Duration(seconds: 3),
(timer) {
print('실행!');
int? nextPage = pageController.page?.toInt();
// ➋
if (nextPage == null) {
return;
}
// ➌
if (nextPage == 4) {
nextPage = 0;
} else {
nextPage++;
}
pageController.animateToPage(
// ➍ 페이지 변경
nextPage,
duration: Duration(milliseconds: 500),
curve: Curves.easeInOut,
);
},
);
}
@override
Widget build(BuildContext context) {
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.light);
return Scaffold(
body: PageView(
controller: pageController,
// ➊ PageView 추가
children: [
Image.network('https://cdn.pixabay.com/photo/2023/02/14/18/55/flowers-7790227_960_720.jpg',fit: BoxFit.cover, ),
Image.network('https://cdn.pixabay.com/photo/2023/02/04/09/20/castle-7766794_960_720.jpg',fit: BoxFit.cover, ),
Image.network('https://cdn.pixabay.com/photo/2023/02/13/18/00/bird-7787970_960_720.jpg',fit: BoxFit.cover, ),
Image.network('https://cdn.pixabay.com/photo/2022/11/07/14/21/labor-7576514_960_720.jpg',fit: BoxFit.cover, ),
Image.network('https://cdn.pixabay.com/photo/2022/11/10/20/44/switzerland-7583676__340.jpg',fit: BoxFit.cover, ),
] // ➋ 샘플 리스트 생성
),
);
}
}
'TIS_2023 > Flutter주말반1기' 카테고리의 다른 글
dart null safety (0) | 2023.02.25 |
---|---|
youtube_test (0) | 2023.02.24 |
kakaomap_test (0) | 2023.02.24 |
Flutter Camera (0) | 2023.02.18 |
Flutter 자료 (0) | 2023.02.09 |
Comments