SafeAreaView is being deprecated.

[kosso]

Platforms: AndroidTV and tvOS
React: 19.1.0
React Native: (tv branch) : react-native-tvos@0.81.4-0

After adding the ToastProvider wrapper, both tvOS and AndroidTV show this warning:

SafeAreaView has been deprecated and will be removed in a future release. Please use 'react-native-safe-area-context' instead. See https://github.com/th3rdwave/react-native-safe-area-context

You will need to update toast-container.tsx.

Thanks.

[GeKVe]

+1 getting warning in Expo

[HEOSHII]

Same

[andreas-arkulpa]

same here with expo sdk 54 and react 19

[qweritos]

temporary solution to get rid of annoying message bar:

(for latest v3.4.0)

1. install patch-package package https://www.npmjs.com/package/patch-package
2. create file patches/react-native-toast-notifications+3.4.0.patch with content:

Details

diff --git a/node_modules/react-native-toast-notifications/lib/commonjs/toast-container.js b/node_modules/react-native-toast-notifications/lib/commonjs/toast-container.js
index 7cee41e..be280b5 100644
--- a/node_modules/react-native-toast-notifications/lib/commonjs/toast-container.js
+++ b/node_modules/react-native-toast-notifications/lib/commonjs/toast-container.js
@@ -9,6 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+
 var _toast = _interopRequireDefault(require("./toast"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -108,7 +110,7 @@ class ToastContainer extends _react.Component {
       behavior: _reactNative.Platform.OS === "ios" ? "position" : undefined,
       style: [styles.container, style],
       pointerEvents: "box-none"
-    }, /*#__PURE__*/_react.default.createElement(_reactNative.SafeAreaView, null, toasts.filter(t => !t.placement || t.placement === "bottom").map(toast => /*#__PURE__*/_react.default.createElement(_toast.default, _extends({
+    }, /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, null, toasts.filter(t => !t.placement || t.placement === "bottom").map(toast => /*#__PURE__*/_react.default.createElement(_toast.default, _extends({
       key: toast.id
     }, toast)))));
   }
@@ -131,7 +133,7 @@ class ToastContainer extends _react.Component {
       behavior: _reactNative.Platform.OS === "ios" ? "position" : undefined,
       style: [styles.container, style],
       pointerEvents: "box-none"
-    }, /*#__PURE__*/_react.default.createElement(_reactNative.SafeAreaView, null, toasts.filter(t => t.placement === "top").map(toast => /*#__PURE__*/_react.default.createElement(_toast.default, _extends({
+    }, /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, null, toasts.filter(t => t.placement === "top").map(toast => /*#__PURE__*/_react.default.createElement(_toast.default, _extends({
       key: toast.id
     }, toast)))));
   }
diff --git a/node_modules/react-native-toast-notifications/lib/module/toast-container.js b/node_modules/react-native-toast-notifications/lib/module/toast-container.js
index 664e57f..1c0d901 100644
--- a/node_modules/react-native-toast-notifications/lib/module/toast-container.js
+++ b/node_modules/react-native-toast-notifications/lib/module/toast-container.js
@@ -3,7 +3,8 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import React, { Component } from "react";
-import { StyleSheet, KeyboardAvoidingView, Platform, Dimensions, SafeAreaView } from "react-native";
+import { StyleSheet, KeyboardAvoidingView, Platform, Dimensions } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
 import Toast from "./toast";
 const {
   height,
diff --git a/node_modules/react-native-toast-notifications/src/toast-container.tsx b/node_modules/react-native-toast-notifications/src/toast-container.tsx
index 5d2a8b4..446f906 100644
--- a/node_modules/react-native-toast-notifications/src/toast-container.tsx
+++ b/node_modules/react-native-toast-notifications/src/toast-container.tsx
@@ -4,8 +4,9 @@ import {
   ViewStyle,
   KeyboardAvoidingView,
   Platform,
-  Dimensions, SafeAreaView,
+  Dimensions,
 } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
 import Toast, { ToastOptions, ToastProps } from "./toast";
 
 const { height, width } = Dimensions.get("window");

3. to process automatically, add to package.json:

  "scripts": {
...
    "postinstall": "patch-package",
...
  },