인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

chorokdosi님의 프로필 이미지

작성한 질문수

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

플러터 화면이동간 질문

작성

·

660

0

플러터로 앱을 만들어 테스트하는 도중에 궁금해서 질문드립니다.

화면 이동은 Navigator.push 사용했습니다.
Navigator.push(
context,
MaterialPageRoute(builder: (context) => 다음화면.dart
()),
);
테스트할때 화면이동시 살짝 작아졋다 커지는 애니메이션이 보입니다.  홈화면에서 홈화면이동하는버튼을 연속으로 누르면 연속으로 살짝 작아졋다 커졋다 반복합니다. 같은 화면이기에  변화가 없어야하는데 살짝작아졋다커지는 애니메이션 현상이 보여서 이상합니다.  혹시 이거 없애는 방법을 알 수  있을까요? 
그리고 스크롤 내리고 누르면 스크롤이 올라가는게 아니라 화면이동이되네요  어떻게 처리하면 될까요?

답변 1

0

코드팩토리님의 프로필 이미지
코드팩토리
지식공유자

안녕하세요.

네비게이션을 할때는 .dart 파일을 입력하는게아니라 네비게이션 하고싶은 위젯을 넣어주셔야합니다.

말씀하시는 현상은 현재 코드만 봤을때 없어야 정상입니다.

 

스크롤은 어떤 말씀인지 잘 이해가 안돼서 한번더 풀어서 정확히 알려주시면 답변 드릴게요~

chorokdosi님의 프로필 이미지
chorokdosi
질문자

아 ..MaterialPageRoute(builder: (context) => 다음화면위젯()), 넣었습니다

그리고 bottomNavigationBar: BottomAppBar > IconButton > Navigator.push 

바텀바에 아이콘버튼을 클릭시 화면이동하게 했습니다.

지금 맥이 없어서 ios말고 안드로이드폰으로 하는데 같은 화면 이동시 가만히 있지않고 애니메이션(화면이 살짝작아지고 다시 원래크기로 돌아온다)이 나오는데 안드로이드 폰이라서 그런간가요?....

code11님의 프로필 이미지

IOS는 슬라이드처럼 이동이 되고 안드로이드는 popup처럼 나오는 트래지션 애니메이션이 기본적으로 있습니다 . 

chorokdosi님의 프로필 이미지
chorokdosi
질문자

아하.. 그러면 안드로이도폰에서  popup 애니메이션 없애거나 바꿀수는 없는건가요?.

code11님의 프로필 이미지

나중에 알려주신다고 했는데 아직 안나온것 같습니다. 방법은 있는것 같아요

코드팩토리님의 프로필 이미지
코드팩토리
지식공유자

1) 화면이 살짝 작아졌다가 돌아오는것 - 말씀드린대로 정상이 아닙니다. 작성해주신 코드는 문제 없어보입니다. 다른 부분에서 잘못하신것같아요.

2) iOS는 좌, 우 슬라이드 안드로이드는 위, 아래 슬라이드 정상입니다.

3) popup 애니메이션은 뭔지 모르겠습니다. 팝업애니메이션은 기본 기능이 아닙니다.

4) iOS 애니메이션을 안드로이드 애니메이션으로 바꾸고 거꾸로도 가능합니다. 현재 영상에는 없으나 아래 링크를 참고하시면 됩니다

 

https://docs.flutter.dev/cookbook/animation/page-route-animation

chorokdosi님의 프로필 이미지
chorokdosi
질문자

음...

그런데 코드팩토리님 강의 (섹션13 [이론] Navigation) 깃허브에 있는파일 다운(flutter-lv1-theory-navigation-main)받아서 화면이동하니 같은 현상보입니다. 안드로이드os 화면이동시 기본값인거 아닌가요?

아래 링크 참고해서  이동시 애니메이션을 바꿀수 있는 건가요?

코드팩토리님의 프로필 이미지
코드팩토리
지식공유자

안녕하세요. popup 애니메이션이라고 표현하신게 제 프로젝트에서 보여지는 트랜지션과 같다면 저희는 같은 애니메이션을 다르게 표현하고 있었던거네요.

 

링크에 바꾸는법이 있습니다.