Flutter

[Flutter] 플러터 - 실시간 어떤 행위로 인해 유동적으로 위젯을 보이게 혹은 보이지 않게 하기. ( Dynamically make a widget visible or invisible )

정보처리마법사 2019. 7. 31. 15:59
반응형

 

 

[Flutter] 플러터 - 실시간 어떤 행위로 인해 유동적으로 위젯을 보이게 혹은 보이지 않게 하기. ( Dynamically make a widget visible or invisible )

 

 

Flutter 플러터 - 유동적으로 위젯 컨트롤 응용

 

 

 

 

이모티콘・01・고양이 마멋 친구들 - Google Play 앱

이모티콘・01・고양이 마멋 친구들: 무료 이모티콘, 회원가입 없이! 카톡, SNS로 감정 표현이 쉬워져요. 귀여움 가득, 대화창을 더 풍성하게!

play.google.com

 

 

 

안녕하세요 정보처리마법사 입니다.

 

이번 포스팅의 주제는  Dynamic Control Widget 에 관한 내용입니다.

 

어떤 제스쳐를 했을 경우 팝업 위젯을 띄운다든지 알파값을 변화 시킨다든지 혹은 위치를 변화 시킨다든지

등의 응용하여 사용하면 될 듯 합니다. 저도 플러터 초보라 정확한 용어를 사용하지 않더라도 그냥 

느낌적인 느낌으로 이해 하셨으면 합니다.

StateFulWidget을 상속받은 MainDefaultPage 위젯 클래스의 아래쪽에 생성되는 상태 클래스입니다. 이 안쪽에

 

bool 변수를 하나 선언합니다.

 

그리고 안쪽의 build 위젯 안쪽에
어떤 행위를 했을 때 ( 이 경우 GestureDetector 로 onTap을 했을 시 ) StatefulWidget을 상속받을 클래스이므로 setState() 메서드를 호출하여 변수 값을 변경시키는 즉시 렌더링 새로고침이 되게 해줍니다. 그러면 아래 라인의 노란색 컨테이너가 즉시 보이게 됩니다. 다른 코드에서 isTouchAppbar 변수를 false로 해주고 setState 메서드를 호출해주면 다시 보이지 않게 됩니다.

이런식으로 알파 값을 조정하거나 위젯을 이동 시키거나 하는 등등의 응용을 하면 됩니다.

 

 

 

 

이상으로 포스팅을 마칩니다. 감사합니다.

 

 

 

 

잘 못 된 정보가 있으면 말씀해주세요.

공감버튼 클릭은 작성자에게 큰 힘이 됩니다.  행복한 하루 되세요.

 

“파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음"

반응형