Mobile (5) 썸네일형 리스트형 [Flutter] 플러터의 화면 전환 구현 [Flutter] 플러터의 화면 전환 구현 화면 전환에는 다양한 종류가 있다 버튼을 눌러 다른 화면으로 이동 한 화면 내 여러 탭이 있어 탭만 전환 팝업창 띄우기 화면 전환의 구현 Navigator 이용해 구현 첫번째 화면 //screen/first_screen.dart import 'dart:html'; import 'package:flutter/material.dart'; import 'package:flutter_basic_01/screens/second_screen.dart'; class FirstScreen extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar().. [Flutter] 플러터 버튼 종류 [Flutter] 플러터 버튼의 종류(4가지) class MyHomePage extends StatelessWidget { final String title; //화면상단에 표시될 제목. final이 붙어 더이상 변경되지 않는다. MyHomePage({required this.title}); //required: 꼭 선언해주어야 하는 값 @override Widget build(BuildContext context) { return Scaffold( //앱 화면이 기본적으로 갖춘 기능을 선언한 위젯 appBar: AppBar( // Here we take the value from the MyHomePage object that was created by // the App.build method, an.. [Flutter] 위젯 배치에 사용하는 레이아웃 형태의 위젯들 [Flutter] 위젯 배치에 사용하는 레이아웃 형태의 위젯들 Column 위에서 아래로 위젯 배치 여러 위젯을 감싸기 때문에 child가 아니라 children 사용 //Dart class MyHomePage extends StatelessWidget { final String title; //화면상단에 표시될 제목. final이 붙어 더이상 변경되지 않는다. MyHomePage({required this.title}); //required: 꼭 선언해주어야 하는 값 @override Widget build(BuildContext context) { return Scaffold( //앱 화면이 기본적으로 갖춘 기능을 선언한 위젯 appBar: AppBar( // Here we take the value.. 플러터 시작 전 알아야 할 필수 개념 플러터 시작 전 알아야 할 필수 개념 1. Widget: 모든 것은 위젯이다. 위젯: 객체지향 프로그래밍에서 배운 클래스로 객체를 생성하는데 이 때, 객체가 하나의 위젯 플러터에서 화면 안 모든 요소는 위젯이다. 플러터의 화면 구조는 여러 위젯들의 트리 형태 : 하나의 큰 위젯 안에 다른 여러 위젯들이 들어 있는 형태 2. State: 반응성(Reactive)구현 State: 어떤 상태에 대한 값을 저장하는 변수 //dart 에어컨 상태변수 bool isAirOn; //True or false //에어컨 전원버튼 누르는 이벤트에 의해 상태 변경 setState(){ isAirOn = !isAirOn; } 프런트엔드에서는 이러한 state를, 화면이 한번 빌드된 이후에도 계속 값의 변화가 생기는 위젯에 도.. Flutter란? Flutter란? 구글에서 개발한 모바일 UI 프레임워크 안드로이드, IOS 동시 개발 가능 Flutter의 특징 무료 오픈소스 플러터의 모든 것은 위젯 Dart라는 프로그래밍 언어 이용해 개발 Skia 엔진 내장. Skia 엔진을 통해 Flutter은 디바이스 제한 없이 동일한 화면으로 렌더링 가능 AOT, JIT 지원 Skia 엔진? 안드로이드, ios, Chrome, Window, Mac 등 다양한 환경에서 공통된 API를 가지고 화면을 그릴 수 있도록 돕는 오픈소스 2D 그래픽 라이브러리 AOT? Ahead Of Time Dart로 개발한 코드를 휴대폰에 빌드하기 전 해당 휴대폰의 네이티브 코드로 사전 컴파일하여 코드 빌드 가능. 즉 네이티브 성능을 낼 수 있음 예를 들어 빌드하려는 휴대폰이 안드.. 이전 1 다음
