반응형
Notice
Recent Posts
Recent Comments
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Archives
관리 메뉴

Easy-So-Easy

C.1 본문

Flutter

C.1

섭_민 2023. 8. 29. 17:40
반응형

Flutter 작동 방식

main 함수 get -> runApp() 호출 -> widget tree 랜더링

 

 

Position & Named   (매개변수)

  • Positional : 위치에 따른 매개변수 전달
void add(a, b) {
	print(a + b);
}

add(5, 10);  // 5는 a의 값으로, 10은 b의 값으로 전달

Positional 파라미터 전달 시 → 값을 안 넣어주면 오류가 날 수 있음 

옵셔널로 처리하여 해결

 

void add(a, [b]) { 
	print(a + b);
}

// --------------------
// default value 가능

void add(a, [b = 5]) {
	print(a + b);
}
add(10);   // 15 출력
add(10, 6);  // 16 출력

 

  • named : key & value와 같이 해당 key에 대한 value를 전달
void add({a, b}) {
	print(a + b);
}

add(b: 5, a: 10)  // 5는 b의 값으로, 10은 a의 값으로 전달


// default value 가능
void add({a, b=5}) {
	print(a + b);
}

add(a: 10)


// 필수 인자로 처리하고 싶을 때 required 키워드로 처리
void add({required a, required b}) {
	print(a + b);
}

 

const

  • Dart가 런타임 성능을 돕기 위한 존재
  • 코드가 실행되면 위젯이 메모리에 저장이 되는데, 같은 위젯과 같은 텍스트로 재 실행 했을 때 기존에 메모리에 저장되었던 것을 재사용하게 됨 (데이터 중복을 피함)

'final' vs 'const'

- final 은 소스 실행 중 한 번 설정 이후로 값이 변하지 않고, const는 컴파일 시 결정되기 때문에 실행 중에는 소스가 재정의 될 수 없음

 

 

 

Gradient 기능

 

 

custom 위젯 만들기

  • StatelessWidget vs StatefullWidget ← 'package:flutter/material.dart’에 내장되어 있음
    • StatelessWidget: 변화가 필요없는 화면을 구성할 때 사용하는 위젯 클래스
    • StatefullWidget: 변화가 필요한 화면을 구성할 때 사용하는 위젯 클래스
class GradientContainer extends StatelessWidget {
	// 생성자에 const를 작성해주면 해당 위젯은 const 로 표기해줄 수 있음(웬만하면 const 작성)
	// key를 전달해줘야함(위젯을 식별하기 위해), 그리고 super 키를 전달해줘야함(super 독립적이어야하기 때문)
	const GrandientContainer({super.key});
	// same thing => const GrandientContainer({key}) : super(key: key);

	@override
	Widget build(context) {
		return // 반환할 위젯 작성
	}
}

 

 

이미지 추가 방법

1. 필요한 이미지를 pubspec.yaml 파일에 있는 assets에 추가

2. 아래와 같이 이미지 추가

Center(child: Image.asset('assets/images/dice-2.png'));

 

 

컬럼에서 불필요한 공백 제거하고 중앙 위치시키기

 

 

 

반응형

'Flutter' 카테고리의 다른 글

Flutter 초반 세팅 및 오류  (0) 2023.08.28