앱을 개발하다 보면 데이터를 불러오거나 처리하는 동안 로딩 상태를 표시해야하는 경우가 있습니다. 플러터(Flutter)에서는 Visibility 위젯을 사용하여 로딩 상태를 표시하는 간단한 방법이 있습니다.

1. Visibility 속성

Visibility 위젯은 자식 위젯을 화면에서 보이거나 보이지 않도록 제어할 수 있는 속성을 제공합니다. 이를 활용하여 데이터를 불러오는 동안 로딩 상태를 표시할 수 있습니다.

2. 예제 코드

다음은 Visibility 위젯을 사용하여 로딩 상태를 표시하는 예제 코드입니다.

bool _isLoading = true; // 데이터 로딩 상태를 나타내는 변수

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text('로딩 상태 표시'),
    ),
    body: Center(
      child: Visibility(
        visible: _isLoading, // _isLoading 값에 따라 위젯 표시 여부 결정
        child: CircularProgressIndicator(), // 로딩 중 인디케이터 표시
      ),
    ),
  );
}

위 예제 코드에서는 _isLoading 변수를 사용하여 데이터 로딩 상태를 나타내고, Visibility 위젯을 통해 CircularProgressIndicator를 화면에 표시하고 있습니다.

3. 결론

플러터에서는 Visibility 속성을 이용하여 간편하게 로딩 상태를 표시할 수 있습니다. 데이터를 불러오거나 처리하는 동안 사용자에게 직관적으로 로딩 중임을 알리는 데 유용한 방법입니다.

로딩 상태 표시에 대한 추가적인 정보는 공식 문서를 참고할 수 있습니다.