플러터 앱을 개발할 때, 특정 상황에 따라 화면을 동적으로 보이거나 숨기는 기능을 구현할 때 편리한 방법으로 Visibility 위젯을 사용할 수 있습니다. 이번 블로그에서는 Visibility 속성을 활용하여 플러터 앱에서 화면을 전환하는 로직을 구현하는 방법에 대해 알아보겠습니다.

Visibility 위젯

Visibility 위젯은 자식 위젯을 화면에 보이거나 숨기는 데 사용됩니다. visible 또는 hidden 등의 속성을 이용하여 자식 위젯의 표시 여부를 제어할 수 있습니다.

화면 전환 구현하기

아래는 Visibility 위젯을 사용하여 특정 조건에 따라 두 개의 화면을 전환하는 예시 코드입니다.

bool isScreen1Visible = true;

Visibility(
  visible: isScreen1Visible,
  child: Screen1(),
),

Visibility(
  visible: !isScreen1Visible,
  child: Screen2(),
),

위 코드에서 isScreen1Visible 값에 따라 Screen1과 Screen2가 화면에 나타나거나 숨겨집니다.

이제 상황에 맞게 isScreen1Visible 값을 변경하여 화면을 전환할 수 있습니다. 예를 들어, 버튼 클릭 시에 isScreen1Visible 값을 토글하여 다른 화면을 보여주거나 숨길 수 있습니다.

결론

Visibility 위젯을 활용하면 화면을 동적으로 전환하는 로직을 간편하게 구현할 수 있습니다. 상황에 따라 적절히 화면을 보이거나 숨길 수 있는 이러한 기능은 플러터 앱을 개발할 때 유용하게 활용될 수 있습니다.

플러터 개발에서 화면 전환을 구현할 때, Visibility 위젯을 적절히 활용하여 보다 유연하고 동적인 화면 전환 로직을 구현해 보시기 바랍니다.

참고 자료

• Flutter 위젯 카탈로그 - Visibility