플러터 5

[코드팩토리의 플러터 프로그래밍] 8장. 블로그 웹앱 : 콜백함수, 웹뷰, 네이티브 설정 - 프로젝트 설정, 권한 설정

환경 : mac m11. 사전지식1) 콜백함수 : 일정 작업이 완료되면 실행되는 함수 - onPageFinished .. 등등이 있음 WebViewController controller = WebViewController() ..setNavigationDelegate(NavigationDelegate( // 로딩 완료 후 실행되는 함수 onPageFinished : (String url) { print(url); } )) NavigationDelegate class - webview_flutter library - Dart API (pub.dev) NavigationDelegate class - webview_flutter library - Dart APINavigation..

[코드팩토리의 플러터 프로그래밍] 7장. 앱을 만들려면 알아야 하는 그 밖의 지식 - 스플래시 스크린 앱

환경 : mac m1전체코드: soo-toance/2024-flutter-chapter7-splash (github.com) GitHub - soo-toance/2024-flutter-chapter7-splashContribute to soo-toance/2024-flutter-chapter7-splash development by creating an account on GitHub.github.com  1. 프로젝트 생성 2. 사용자 정의 위젯 만들기 : stateless 위젯 - 스테이트풀 위젯 : 내부에서 값이 변경되었을 때 위젯 자체에서 다시 렌더링 실행- 스테이트리스 위젯 : 내부에서 값이 변경되어도 위젯 자체적으로 다시 렌더링할 수 없는 위젯  소스코드 >>stateless widget 적용..

[코드팩토리의 플러터 프로그래밍] 6장. 기본 위젯 알아보기 - 위젯 종류

text 위젯- 글자를 화면에 그릴때 사용 Text class - widgets library - Dart API (flutter.dev) Text class - widgets library - Dart APIA run of text with a single style. The Text widget displays a string of text with single style. The string might break across multiple lines or might all be displayed on the same line depending on the layout constraints. The style argument is optional. Wheapi.flutter.dev  제스처 관련 위..

[코드팩토리의 플러터 프로그래밍] 6장. 기본 위젯 알아보기 - 위젯, child 대표위젯, children 대표 위젯 개념 위주

위젯 - 현재 주어진 상태를 기반으로 어떤 UI를 구현할지 정의 - 상태가 변경되면 변경 사항에 알맞게 변경된 UI를 화면에 다시 그려줌. - 결과적으로 플러터는 최소한의 리소스를 이용해 120FPS 까지 퍼포먼스 발생  자식 하나만을 가지는 (child) 대표적인 위젯- Container 위젯 : 자식을 담는 컨테이너 역할을 함.ㄴ 다만, 단순하게 자식을 담는 역할을 하는게 아니라 배경색, 너비와 높이, 테두리 등의 디자인 지정 - GestureDetector 위젯 : 제스처 기능을 자식 위젯에서 인식하는 위젯 ㄴ 탭이나 드래그, 더블 클릭 같은 제스처 기능이 인식됐을 때 함수 실행 가능- SizedBox 위젯 : 높이와 너비 지정하는 위젯ㄴ Container 위젯과 다르게 디자인적 요소는 적용할 수 ..

[코드팩토리의 플러터 프로그래밍] 5장. 플러터 입문하기 - hello code factory 출력, center위젯으로 중앙 정렬

환경 : 맥북 m1 hello code factory 출력 materialapp : material design 기반의 위젯들을 사용하게 해주는 위젯scaffold : materialapp 다음으로 위치하는 위젯으로 화면 전체를 차지하며 레이아웃 도와주는 기능 제공 ex, 화면에 알림과 같은 스낵바 실행, 위에 앱바 혹은 아래에 탭바 추가   import 'package:flutter/material.dart';void main() { runApp( MaterialApp( home: Scaffold( body: Text( 'Hello Code Factory', ), ), ), );}    center 위젯으로 중앙으로 정렬 impo..

반응형