fix(filmstrip) make sure it's not rendered outside of a safe area

This commit is contained in:
Saúl Ibarra Corretgé 2021-03-18 12:45:56 +01:00 committed by Saúl Ibarra Corretgé
parent fc27300132
commit 49c38a73aa
1 changed files with 4 additions and 6 deletions

View File

@ -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>
);
}