Overlay .of 에서 사용 Flutter: 가이드 및 예제

Overlay.of 가장 가까운 조상 위젯 Flutter 을 검색하는 데 사용되는 정적 메서드입니다. OverlayState Overlay

위젯 Overlay 은 애플리케이션의 다른 위젯 위에 표시될 수 있는 위젯 스택을 만드는 데 사용됩니다 Flutter. 이 메서드를 사용하면 특정 와 관련된 Overlay.of 에 액세스할 수 있습니다. OverlayState BuildContext

Overlay.of 다음은 에 액세스하는 데 사용할 수 있는 방법의 예입니다 OverlayState.

import 'package:flutter/material.dart';  
  
void main() {  
  runApp(MyApp());  
}  
  
class MyApp extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return MaterialApp(  
      home: MyHomePage(),  
   );  
  }  
}  
  
class MyHomePage extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return Scaffold(  
      appBar: AppBar(  
        title: Text('Overlay.of Example'),  
     ),  
      body: Center(  
        child: ElevatedButton(  
          onPressed:() {  
            OverlayState overlayState = Overlay.of(context);  
            OverlayEntry overlayEntry = OverlayEntry(  
              builder:(BuildContext context) {  
                return Positioned(  
                  top: 100,  
                  left: 50,  
                  child: Container(  
                    width: 100,  
                    height: 100,  
                    color: Colors.blue,  
                 ),  
               );  
              },  
           );  
            overlayState.insert(overlayEntry);  
          },  
          child: Text('Show Overlay'),  
       ),  
     ),  
   );  
  }  
}  

이 예제에서 버튼을 누르면 메서드가 현재 와 연결된 Overlay.of 를 검색하는 데 사용됩니다. 그런 다음 의 방법을 사용하여 An이 생성되고 에 추가됩니다. 이렇게 하면 다른 위젯 상단의 특정 위치에 파란색 컨테이너가 표시됩니다. OverlayState BuildContext OverlayEntry overlay insert OverlayState

사용에는 overlay 신중한 관리가 필요하며 일반적으로 메모리 누수를 방지하기 위해 더 이상 필요하지 않은 항목을 제거해야 합니다 overlay.

마지막 업데이트 이후 에 관련된 업데이트나 변경 사항이 있는 경우 설명서에서 최신 정보를 Overlay.of 확인하는 것이 좋습니다. Flutter