Flutter/Flutter로 웹툰 앱 만들기

[노마드코더: Flutter 로 웹툰 앱 만들기] #3.0 Header

유호야 2022. 11. 28. 06:02
반응형

 

- 각 컬럼(열)을 오른쪽 정렬하고 싶을 때 

crossAxisAlignment: CrossAxisAlignment.end

이걸 사용해야 한다............ 

Main이랑 늘 헷갈림......

 

- 그리고 color 들어간 Text 에 opacity 주고 싶을 때 한 번에 줄 수 있다.

style: TextStyle(
	color: Colors.white.withOpacity(0.5),
),

 

- background color를 16진수 코드로 주고 싶을 때
Colors.black 대신에 이렇게 사용한다.
0xFF는 기본 값으로 적고 숫자를 이어서 입력해야 한다.

Color(0xFF181818),

이런 식으로 VS Code에서 색상 코드를 확인할 수 있다 (opacity 포함)

 

- padding값 주는 법 
Padding()으로 감싼다 
EdgeInsets. 를 이용해서 값을 준다.

EdgeInsets.all 
EdgeInsets.only
EdgeInsets.symmetric 
ㄴ symmetric은 vertical horizontal 구분한다.

Padding(
	padding: const EdgeInsets.all(8.0),
    child: Column(
        	....
            )
}

 

 

 

반응형