From 49c38a73aa5f29c8c4c2cb1687b53a7c19f9a7bb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sa=C3=BAl=20Ibarra=20Corretg=C3=A9?= <saghul@jitsi.org>
Date: Thu, 18 Mar 2021 12:45:56 +0100
Subject: [PATCH] fix(filmstrip) make sure it's not rendered outside of a safe
 area

---
 .../features/filmstrip/components/native/Filmstrip.js  | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/react/features/filmstrip/components/native/Filmstrip.js b/react/features/filmstrip/components/native/Filmstrip.js
index 14ce09af0..9b5a84138 100644
--- a/react/features/filmstrip/components/native/Filmstrip.js
+++ b/react/features/filmstrip/components/native/Filmstrip.js
@@ -1,9 +1,9 @@
 // @flow
 
 import React, { Component } from 'react';
-import { ScrollView } from 'react-native';
+import { SafeAreaView, ScrollView } from 'react-native';
 
-import { Container, Platform } from '../../../base/react';
+import { Platform } from '../../../base/react';
 import { connect } from '../../../base/redux';
 import { ASPECT_RATIO_NARROW } from '../../../base/responsive-ui/constants';
 import { isFilmstripVisible } from '../../functions';
@@ -91,9 +91,7 @@ class Filmstrip extends Component<Props> {
         const filmstripStyle = isNarrowAspectRatio ? styles.filmstripNarrow : styles.filmstripWide;
 
         return (
-            <Container
-                style = { filmstripStyle }
-                visible = { _visible }>
+            <SafeAreaView style = { filmstripStyle }>
                 {
                     this._separateLocalThumbnail
                         && !isNarrowAspectRatio
@@ -126,7 +124,7 @@ class Filmstrip extends Component<Props> {
                     this._separateLocalThumbnail && isNarrowAspectRatio
                         && <LocalThumbnail />
                 }
-            </Container>
+            </SafeAreaView>
         );
     }