diff --git a/react/features/base/react/components/native/Container.js b/react/features/base/react/components/native/Container.js index 0cb3bd5e0..2e011868f 100644 --- a/react/features/base/react/components/native/Container.js +++ b/react/features/base/react/components/native/Container.js @@ -7,7 +7,6 @@ import { View } from 'react-native'; -import { Platform } from '../../'; import AbstractContainer from '../AbstractContainer'; /** @@ -39,28 +38,20 @@ export default class Container extends AbstractContainer { // visible if (!visible) { - // FIXME: It turns out that display: none will fail on some Android - // devices, but work on the others (currently fails on Google Pixel) - if (Platform.OS === 'android') { - return null; - } - - // Intentionally hide this Container without destroying it. - props.style = { - ...props.style, - display: 'none' - }; + return null; } let element = super._render(View, props); // onClick & touchFeedback - if (visible && (onClick || touchFeedback)) { - element = React.createElement( - touchFeedback ? TouchableHighlight : TouchableWithoutFeedback, - { onPress: onClick }, - element - ); + if (element && (onClick || touchFeedback)) { + element + = React.createElement( + touchFeedback + ? TouchableHighlight + : TouchableWithoutFeedback, + { onPress: onClick }, + element); } return element; diff --git a/react/features/toolbox/components/Toolbox.native.js b/react/features/toolbox/components/Toolbox.native.js index c420fc967..97cce7cb4 100644 --- a/react/features/toolbox/components/Toolbox.native.js +++ b/react/features/toolbox/components/Toolbox.native.js @@ -120,16 +120,13 @@ class Toolbox extends Component { * @returns {ReactElement} */ render() { - if (!this.props._visible) { - return null; - } - return ( + : styles.toolbarContainerWide } + visible = { this.props._visible } > { isNarrowAspectRatio(this) ? this._renderSecondaryToolbar()