본문 바로가기

전체 글

(154)

Photo Slide Show App Photo Slide Show APP PageView 이용해 사진 보여주기 손짱 사진으루,, 사진 이름이 son1.png, son2.png 등으로 끝에 숫자만 반복됨 -> functional programming 해주기 fit: BoxFit.cover 이용해 사진 확대해 전체화면으로 보여지게 하기 Timer 타이머 걸어주기 timer = Timer.periodic(Duration(seconds: _), (timer) {} 초기 페이지 값은 0 currentPage와 nextPage 설정해줬고 다음 페이지값이 위 예시에서는 3보다 커질 경우 다시 초기 페이지로 돌아오게 했다 (위 예시에서는 사진을 총 4장 넣어줬기 때문) 페이지에 애니메이션 효과를 주었는데, (animateToPage) curve 값을 조..

StatefulWidget Widget 이론 위젯은 모두 불변의 법칙 가짐 하지만 위젯의 값을 변경해야 할 때가 있음 변경이 필요하면 기존 위젯 삭제하고 완전 새로운 위젯으로 대체 Stateless: 상태 없고, 변화 없는 위젯 한 번만 빌드 한번만 그리고 다시 그리지 않는다는 의미 -> Life Cycle 없고 관리 용이 Stateful: 상태 있고, 액션 변화 있는 위젯 상태 변경됨에 따라 빌드 여러번 StatefulWidget Life Cycle Constructor로 생성되고 생성 되자마자 build 함수 실행 이전 Container 예제와 마찬가지로 변경이 필요하면 새로운 위젯 만들어버림 하나의 StatefulWidget은 라이프 사이클동안 단 한번만 build 함수 실행 createState() mounted == tr..

webview 4.0.2 ver. import 'package:flutter/material.dart'; import 'package:webview_flutter/webview_flutter.dart'; final homeUrl = Uri.parse("https://damio.tistory.com/"); class HomeScreen extends StatelessWidget { WebViewController controller = WebViewController() ..setJavaScriptMode(JavaScriptMode.unrestricted) ..loadRequest(homeUrl); HomeScreen({super.key}); @override Widget build(BuildContext context) { return ..

webview, javascriptMode, controller 어머 넘 신기해요.. 자바스크립트 모드 허용으로 유투브 등 링크도 에러없이 뜸 앱바 설정도 해줬어용~~ Controller: 위젯들을 프로그래밍적으로 적용할 수 있게 해주는 것 홈 아이콘 만들어서 돌아갈 수 있게 했다 넘 신기해~~

Row, Column 실습 Row, Column 자유자재로 활용하기 실습..! 넘 재밌다.......☺️

mainAxisSize, Expanded, Flexible mainAxisSize: 주축 크기 import 'package:flutter/material.dart'; class HomeScreen extends StatelessWidget { const HomeScreen({super.key}); @override Widget build(BuildContext context) { return Scaffold( body: SafeArea( bottom: false, child: Container( color: Colors.black, child: Column( mainAxisAlignment: MainAxisAlignment.start, // CrossAxisAlignment: 반대축 정렬 crossAxisAlignment: CrossAxisAlignment.st..

Widget Tree, MainAxisAlignment, CrossAxisAlignment Widget Tree Widget들의 부모, 자식 관계 MainAxisAlignment import 'package:flutter/material.dart'; class HomeScreen extends StatelessWidget { const HomeScreen({super.key}); @override Widget build(BuildContext context) { return Scaffold( body: SafeArea( bottom: false, child: Container( color: Colors.black, child: Column( mainAxisAlignment: MainAxisAlignment.end, children: [ Container( color: Colors.red, wi..

Flutter Hello World,,,! 두근두근 ,, 드뎌 제대로 된 플러터 맛보기 시작! 몇 년 전에 플러터로 퀴즈앱 했을 때는 아무 것도 모르면서 맨 땅에 헤딩 느낌이었는데 이번엔 시작이 조와~~

PREV 1 ··· 3 4 5 6 7 8 9 ··· 20 NEXT

티스토리툴바