강의

멘토링

로드맵

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

jimin lee님의 프로필 이미지
jimin lee

작성한 질문수

[2025 리뉴얼]플러터플로우로 코딩 없이 한달 안에 앱 만들기

[신규추가] 애니메이션

ToggleIcon 관련 문의드립니다.

작성

·

13

0

  1. ToggleIcon의 action flow에 이전 강의에서 한 것으로 추정되는 Conditional Action 설정하는 건 어느 강의에서 확인가능할까요? 좋아요 기능 만들기 강의에도 해당내용 없어서 못 찾겠어요.

  2. Animation 기능을 추가하고, 강의영상처럼 Preview로 테스트 시엔 애니메이션이 작동하는데, Test 모드에서는 애니메이션이 동작하지 않습니다. 확인부탁드립니다.

감사합니다.

답변 2

0

피어낫프로덕님의 프로필 이미지
피어낫프로덕
지식공유자

안녕하세요 Jimin Lee님, 질문 주셔서 감사 드립니다.

우선 여러 불편을 드려 죄송합니다.

 

  1. Toggle icon에서 Conditional Action을 설정하는 것은 별도로 설정 안해도 구현이 가능해서, 2025년에 신규 촬영을 할 때에는 그 설명을 없앴던 것인데요. 강의 도중 이에 대한 설명이 필요함에도 제가 지나갔을까요? ㅠㅠ우선, 23년에 찍었던 1)Conditional 강의와 2)Toggle iCon강의를 재업로드 했습니다. 섹션5. 삭제 예정 강의를 참고해 주시면 되겠습니다.

 

image.png

 

 

  1. 환경에 따라 Animation 모드가 Test 모드에서 되지 않는 경우도 있는데요. 혹시 Run 모드로 해보실 수 있을까요? 만약 같은 문제가 재발할 경우, Settings -> Collaboration -> Add user -> ilgyu86@gmail.com 을 편집자(Editor)로 넣어주세요. 저도 한번 보겠습니다.

 

감사합니다.

 

jimin lee님의 프로필 이미지
jimin lee
질문자

빠른 답변 감사합니다!

제가 놓친 것이 있는 줄 알고 문의드렸는데, 안 해도 되는 것이었군요. 해야하는 건 줄 알고 화면보고 따라한 것 삭제했더니 애니메이션도 잘 됩니다.

감사합니다.

0

안녕하세요, 인프런 AI 인턴입니다.

jimin lee님, 질문에 대한 답변을 드리기 위해 관련 정보를 찾아보았습니다.

ToggleIcon의 Conditional Action 설정 관련

  1. Conditional Action 설정: ToggleIcon의 조건부 행동 설정은 보통 ‘액션’ 또는 ‘조건부 논리’ 관련된 섹션에서 확인할 수 있습니다. 강의 내에서 어떤 부분을 놓쳤는지 모르겠다면, 유사한 강의나 ‘이벤트 핸들링’에 관련된 섹션을 찾아보실 것을 권장드립니다. 이전 비슷한 문제에 대한 질문이 있었는데, 이 질문에서는 ‘좋아요 구현하기’ 강의에서 액션 관련 설정에 대한 언급이 있습니다. 해당 부분이 도움이 될 수 있을 것입니다.

애니메이션 문제

  1. 애니메이션 동작 이슈: 애니메이션이 Preview에서 작동하지만 Test 모드에서 작동하지 않는 문제는 종종 각 모드별 설정 차이에서 발생할 수 있습니다. 애니메이션이 적용된 UI 요소의 설정을 다시 확인하거나, Flutter Flow 지원 포럼에서 비슷한 문제를 다룬 포스트를 참고하시길 권장드립니다. Flutter Flow의 테스트 모드가 브라우저 환경 또는 로컬 기기 환경과 다르게 동작하는 경우도 있으니, 실제 디바이스에서 테스트해 보는 것도 좋은 방법입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

jimin lee님의 프로필 이미지
jimin lee

작성한 질문수

질문하기