close

RawDialogRoute 에서 사용 Flutter: 가이드 및 예제

RawDialogRoute 원시 대화 경로를 나타내는 클래스로 Flutter, 사용자 지정 대화 상자 또는 팝업을 표시하는 방법을 제공합니다. 이 클래스는 일반적으로 대화 경로를 만들고 관리하기 위해 프레임워크에서 내부적으로 사용됩니다.

RawDialogRoute 다음은 사용자 지정 대화 상자를 표시하는 데 사용할 수 있는 방법의 예입니다 .

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('RawDialogRoute Example'),  
     ),  
      body: Center(  
        child: ElevatedButton(  
          onPressed:() {  
            showDialog(  
              context: context,  
              builder:(BuildContext context) {  
                return RawDialogRoute(  
                  context: context,  
                  barrierDismissible: true,  
                  builder:(BuildContext context) {  
                    return AlertDialog(  
                      title: Text('Custom Dialog'),  
                      content: Text('This is a custom dialog using RawDialogRoute.'),  
                      actions: [  
                        TextButton(  
                          onPressed:() {  
                            Navigator.pop(context);  
                          },  
                          child: Text('Close'),  
                       ),  
                      ],  
                   );  
                  },  
               );  
              },  
           );  
          },  
          child: Text('Open Dialog'),  
       ),  
     ),  
   );  
  }  
}

이 예제에서 버튼을 누르면 빌더로 를 showDialog 사용하여 사용자 정의 대화 상자를 표시하는 데 함수가 사용됩니다. RawDialogRoute 에서 builder 대화 상자에 대한 사용자 지정 콘텐츠를 제공할 수 있습니다.

이 RawDialogRoute 클래스는 하위 수준 클래스로 간주될 수 있으며 대부분의 경우 대화 상자를 만드는 데 기본 제공 AlertDialog 또는 클래스를 사용하는 것이 더 편리할 수 있습니다. SimpleDialog