SafeArea là một widget trong Flutter được sử dụng để đảm bảo rằng nội dung của ứng dụng không bị che khuất bởi các yếu tố như notch (đường cắt ở viền màn hình), thanh trạng thái (status bar), hoặc các khu vực không an toàn khác trên màn hình, đặc biệt là trên các thiết bị có màn hình không phẳng. Widget này tự động thêm khoảng cách bên ngoài cho các widget con để chúng không bị chồng lấp lên các khu vực nhạy cảm hoặc bị ẩn đi.
SafeArea sẽ tự động xác định các vùng không an toàn trên màn hình và thêm padding cần thiết để tránh các vùng này. Điều này giúp cho bạn không cần phải lo lắng về việc tính toán và thêm padding thủ công cho từng widget.SafeArea, như trên, dưới, trái, phải. Điều này cho phép bạn kiểm soát tốt hơn về cách mà nội dung được hiển thị.SafeArea rất dễ sử dụng và có thể được nhúng vào bất kỳ widget nào mà bạn muốn bảo vệ khỏi các khu vực không an toàn.Dưới đây là một ví dụ đơn giản về cách sử dụng SafeArea trong một ứng dụng Flutter:
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('SafeArea Example'),
),
body: SafeArea(
child: Center(
child: Text(
'This text is inside a SafeArea widget.',
style: TextStyle(fontSize: 24),
),
),
),
),
);
}
}
child: Đây là widget con mà bạn muốn bảo vệ khỏi các khu vực không an toàn.top, bottom, left, right: Các tham số boolean để chỉ định xem bạn có muốn thêm padding cho từng hướng cụ thể hay không. Mặc định, tất cả các hướng đều là true.minimum: Đây là một đối tượng EdgeInsets cho phép bạn chỉ định khoảng cách tối thiểu mà bạn muốn áp dụng cho các hướng cụ thể.SafeArea là một widget hữu ích trong Flutter, giúp đảm bảo rằng nội dung của ứng dụng không bị che khuất hoặc ẩn đi bởi các yếu tố trên màn hình. Bằng cách sử dụng SafeArea, bạn có thể cải thiện trải nghiệm người dùng của ứng dụng và đảm bảo rằng nội dung luôn hiển thị đúng cách trên tất cả các thiết bị, kể cả những thiết bị có thiết kế màn hình phức tạp.
