Mobile/Flutter (4) 썸네일형 리스트형 [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를, 화면이 한번 빌드된 이후에도 계속 값의 변화가 생기는 위젯에 도.. 이전 1 다음
