플러터에서는 Visible 또는 Invisible 상태로 위젯을 숨기고 보이게 할 수 있습니다. 이 기능은 사용자 인터페이스를 동적으로 제어할 때 유용합니다.

이번 포스트에서는 Invisible 상태로 위젯을 숨기고 보이게 하는 방법에 대해 알아보겠습니다.

1. Invisible 위젯 생성하기

Visibility(
  visible: false, // visible을 false로 설정하여 위젯을 숨김
  child: Container(
    width: 200,
    height: 200,
    color: Colors.blue,
  ),
)

위의 예제에서, Visibility 위젯의 visible 속성을 false로 설정하여 자식 위젯을 숨깁니다.

2. Invisible 상태 변경하기

Invisible 상태를 동적으로 변경하려면 setState 메소드를 사용하여 상태를 업데이트 해야 합니다.

bool isVisible = true; // 초기 visible 상태

// Invisible 상태 변경
setState(() {
  isVisible = false; // visible을 false로 설정하여 위젯을 숨김
});

요약

플러터에서는 Visibility 위젯을 사용하여 위젯을 Invisible 상태로 숨기고 보이게 할 수 있습니다. visible 속성을 동적으로 변경하여 사용자 인터페이스를 유연하게 제어할 수 있습니다.

Invisible 상태로 위젯을 숨김으로써 유저 경험을 향상시키고, 필요에 따라 동적으로 UI를 업데이트할 수 있습니다.

참고 자료

• 플러터 공식 문서 - Visibility