haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
react/features/filmstrip/components/native/Filmstrip.js
View File

@ -1,9 +1,9 @@
// @flow // @flow
import React, { Component } from 'react'; 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 { connect } from '../../../base/redux';
import { ASPECT_RATIO_NARROW } from '../../../base/responsive-ui/constants'; import { ASPECT_RATIO_NARROW } from '../../../base/responsive-ui/constants';
import { isFilmstripVisible } from '../../functions'; import { isFilmstripVisible } from '../../functions';
@ -91,9 +91,7 @@ class Filmstrip extends Component<Props> {
const filmstripStyle = isNarrowAspectRatio ? styles.filmstripNarrow : styles.filmstripWide; const filmstripStyle = isNarrowAspectRatio ? styles.filmstripNarrow : styles.filmstripWide;
return ( return (
<Container <SafeAreaView style = { filmstripStyle }>
style = { filmstripStyle }
visible = { _visible }>
{ {
this._separateLocalThumbnail this._separateLocalThumbnail
&& !isNarrowAspectRatio && !isNarrowAspectRatio
@ -126,7 +124,7 @@ class Filmstrip extends Component<Props> {
this._separateLocalThumbnail && isNarrowAspectRatio this._separateLocalThumbnail && isNarrowAspectRatio
&& <LocalThumbnail /> && <LocalThumbnail />
} }
</Container> </SafeAreaView>
); );
} }