달력

11

« 2024/11 »

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
2019. 5. 18. 09:45

Flutter 페이지 이동(navigation) Android2019. 5. 18. 09:45

1. 페이지 이동

Widget build(BuildContext context){
	... 코드 ...
	
	onTab: _showOtherPage,
	
	... 코드 ...
}

_showOtherPage(){
	// Navigator.of(context)로 현재 context의 navigator에 접근한다
	// 새 route를 stack에 push하거나 pop할 수 있다
	Navigator.of(context).push(
		MaterialPageRoute(
			// builder 메서드는 항상 context를 취한다
			builder: (context){
				return otherPage();
			}
		),
	);
}


=> Flutter에서 자동으로 Appbar에 뒤로가기 버튼을 leading으로 추가해 준다


2. 페이지 이동 + 리턴값 받기

Widget build(BuildContext context){
	... 코드 ...
	
	onTab: _showOtherPage,
	
	... 코드 ...
}

_showOtherPage(){
	// Navigator.of(context)로 현재 context의 navigator에 접근한다
	// 새 route를 stack에 push하거나 pop할 수 있다
	TestClass newTestObject = await Navigator.of(context).push(
		MaterialPageRoute(
			// builder 메서드는 항상 context를 취한다
			builder: (context){
				return otherPage();
			}
		),
	);
	
	if(newTestObject != null){	
		... 코드 ...
	}
}

'Android' 카테고리의 다른 글

Flutter sqlite 연동하기  (0) 2019.05.14
Flutter Future 설명  (0) 2019.04.22
Framework7 시작  (0) 2018.05.07
:
Posted by SK