Flutter(36)
-
Future
✅ 학습 목표 ✅ 동기방식과 비동기방식 ✅ future 예시import 'dart:io';void main() { orderProcess(); waiting();}void orderProcess() async { // 주문에 대한 절차 설계 kiosk(); orderFood(); await getFood(); // Future 형태로 선언! goHome();}void kiosk() { print('키오스크 사용하기');}void orderFood() { print('햄버거 주문하기');}// Future 사용시 함께 사용되는 키워드! -> await, asyncFuture getFood() async { Duration delay = Duration(seconds: 4); // dela..
2024.06.18 -
ListView
✅ 학습 목표 ✅ ListView란? ✅ Widget ✅ verticalimport 'package:flutter/material.dart';class ExVertical extends StatelessWidget { const ExVertical({super.key}); // 1. 대량의 데이터를 관리할 수 있는 리스트 필요! // 2. 대량의 데이터를 띄울 디자인 필요 @override Widget build(BuildContext context) { // List list = [1, 2, 3, 4]; -> 기존의 방법 var intList = List.generate(50, (i) => i++); // 0 ~ 49 => 50개! return Scaffold( b..
2024.06.17 -
BottomPage
import 'package:flutter/material.dart';//class BottomPage extends StatefulWidget { const BottomPage({super.key}); @override State createState() => _BottomPageState();}class _BottomPageState extends State { int index = 0; // 화면을 관리하기 위한 인덱스 변수! List pageList = [Home(), Chat(), Setting()]; // class는 StatelessWidget을 extends한 것이기 때문에 Widget으로 관리할 수 있게 만들어야함 @override Widget build(BuildContex..
2024.06.17 -
ex33. Route
✅ Route 사용 import 'package:flutter/material.dart';class RoutePage extends StatelessWidget { const RoutePage({super.key}); // 라우팅 -> 이름을 기준으로 경로를 연결하여 관리하는 기술! @override Widget build(BuildContext context) { return Scaffold( body: SafeArea( child: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ ElevatedB..
2024.06.14 -
ex32. Navigator
✅ 학습 목표 ✅ 화면 이동 ✅ 화면 이동의 원리 ✅ 화면 이동의 원리 ✅ 실행 코드 및 화면import 'package:flutter/material.dart';class mainPage extends StatelessWidget { const mainPage({super.key}); @override Widget build(BuildContext context) { return Scaffold( body: SafeArea( child: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Text( ..
2024.06.14 -
ex31. Onboarding
✅ Onboarding 라이브러리dependencies: flutter_onboarding_slider: ^1.0.11✅ Onboarding 페이지 구현하기 ✅ 이미지 추가 assets: - assets/slide_1.jpg - assets/slide_2.jpg ✅ 실행 코드 및 화면import 'package:flutter/material.dart';import 'package:flutter_onboarding_slider/flutter_onboarding_slider.dart';class ExOnBoarding extends StatefulWidget { const ExOnBoarding({super.key}); @override State createState() => _Ex..
2024.06.13