[Flutter] 08. 버튼 - Text, Icon, Elevated

 

 

 

 

🙆‍♂️버튼의 종류

---

버튼의 종류로는

• TextButton()
• IconButton()
• ElevatedButton()

이 있습니다.

 

 

🙋‍♂️버튼 사용법

---

 

버튼들은 속성값으로 child와 onPressed를 꼭 넣어야 합니다.  

그리고 onPressed를 통해서 click 되면 처리되는 함수를 넣습니다.

 

🚀TextButton()

---

TextButton은 말그대로 Text로 된 버튼입니다.

 

🚀ElevatedButton()

---

ElevatedButton이 우리가 알고 있는 버튼의 모습과 가깝습니다.

 

🚀IconButton()

---

IconButton은 아이콘으로 된 버튼입니다.

특이한 점은 속성값에 child가 아니라 icon으로 들어간다는 점입니다.

 

 

 

🤷‍♂️ 버튼 style

---

 

🚀ElevatedButton()

---

ElevatedButton은 style을 적용하기 위해서

style 속성에 ElevatedButton.styleFrom()을 작성하여 안에서 작성하게 됩니다.

 

배경색 변경은 color 속성도 아니고 backgroundColor 속성도 아닌 primary 속성으로 변경해야 합니다.