[Flutter] Button

Button

 

Button 위젯

위젯이나 기능에 대한 설명을 써준다 블라블라

 

Code

Minimum Code

TextButton( child: Text('버튼'), onPressed: (){} )
ElevatedButton( child: Text('버튼'), onPressed: (){} )
IconButton( icon: Icon(Icons.star), onPressed: (){} )

>>결과물

 

Maximul Code

code

>>결과물

 

버튼눌렀을때 화면위에 화면 올리기 vs 화면 갈아치워주기 (안드로이드에서 뒤로가기 눌렀을때 뒤로 가지나 아닌가의 차이로 이해하면될듯)

TextButton(
	child: Text(
		'Done Onboarding ',
		style: TextStyle(fontSize: 20.0),
		),
		onPressed: () {
			//버튼 클릭시 페이지 이동
			Navigator.pushReplacement(
				context,
				MaterialPageRoute(builder: (context) => HomePage())
			)
		},
	),

이때 새로운 페이지를 등장시키는 방식을 제어할 수 있다.

Navigator.pushReplacement
//얘는 화면 갈아치우기

Navigator.push
//얘는 화면위에 쌓기!

 

 

Reference

링크링크