Mobile/Flutter
[Flutter] 위젯에 그라데이션 적용하기
C_Meaning
2023. 10. 22. 05:50
728x90
위젯에 그라데이션 컬러를 적용하는 방법입니다.
body: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [Colors.lightBlue, Color.fromARGB(255, 0, 43, 235)],
begin: Alignment.topCenter,
end: Alignment.bottomCenter)),
적용하고자 하는 위젯에 decoration 항목을 추가한다음, BoxDecoration 속성을 선택합니다.
그런 다음 gradient 항목에서 그리고자 하는 그라데이션 방식을 선택합니다. (Linear는 선형으로 그릴 수 있습니다.)
colors의 값은 시작 컬러값과 종료 컬러값을 지정할 수 있습니다.
begin, end는 그려지는 위치를 지정할 수 있으며 top, center, bottom 위치의 왼쪽, 중앙, 오른쪽을 지정하여 그릴 수 있습니다.

728x90