close

Sử dụng RawDialogRoute trong Flutter: Hướng dẫn và Ví dụ

RawDialogRoute là một lớp trong Flutter đại diện cho một tuyến đường hộp thoại thô, cung cấp cách để hiển thị các hộp thoại tùy chỉnh hoặc cửa sổ pop-up. Lớp này thường được sử dụng bên trong framework để tạo và quản lý các tuyến đường hộp thoại.

Dưới đây là một ví dụ về cách bạn có thể sử dụng RawDialogRoute để hiển thị một hộp thoại tùy chỉnh:

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('Ví dụ RawDialogRoute'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            showDialog(
              context: context,
              builder: (BuildContext context) {
                return RawDialogRoute(
                  context: context,
                  barrierDismissible: true,
                  builder: (BuildContext context) {
                    return AlertDialog(
                      title: Text('Hộp thoại tùy chỉnh'),
                      content: Text('Đây là hộp thoại tùy chỉnh sử dụng RawDialogRoute.'),
                      actions: [
                        TextButton(
                          onPressed: () {
                            Navigator.pop(context);
                          },
                          child: Text('Đóng'),
                        ),
                      ],
                    );
                  },
                );
              },
            );
          },
          child: Text('Mở Hộp thoại'),
        ),
      ),
    );
  }
}

Trong ví dụ này, khi nút được nhấn, hàm showDialog được sử dụng để hiển thị một hộp thoại tùy chỉnh bằng cách sử dụng RawDialogRoute làm builder. Bên trong builder, bạn có thể cung cấp nội dung tùy chỉnh cho hộp thoại.

Lưu ý rằng RawDialogRoute có thể được coi là một lớp cấp thấp, và bạn có thể thấy rằng sử dụng các lớp sẵn có như AlertDialog hoặc SimpleDialog sẽ tiện lợi hơn để tạo hộp thoại trong hầu hết các trường hợp.