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