title: How to make android app fullscreen with ionic-react?
body: <p>I created an app for android with ionic-react. Ionic react use capacitor instead of cordova. I don't understand how to use cordova plugins with my ionic-react app. There are cordova and ionic native plugin android-full-screen, but I don't understand how to use it in my app.</p>
  
  <p>I will show you my App.tsx. I want my app to be full screen from start, for example on componentDidMount. Help please, I'm looking for a couple of days, but can't find how to solve this. Thanks.</p>
  
  <pre class="lang-js prettyprint-override"><code>import React, {Component} from 'react';
  import {Redirect, Route} from 'react-router-dom';
  import { Plugins } from '@capacitor/core';
  import {
      IonApp,
      IonRouterOutlet,
  } from '@ionic/react';
  import {IonReactRouter} from '@ionic/react-router';
  import ScenariosPage from './pages/ScenariosPage/ScenariosPage';
  import ScenarioDetail from './pages/ScenarioDetail/ScenarioDetail';
  
  import './css/common.css'
  import '@ionic/react/css/core.css';
  import '@ionic/react/css/normalize.css';
  import '@ionic/react/css/structure.css';
  import '@ionic/react/css/typography.css';
  import '@ionic/react/css/padding.css';
  import '@ionic/react/css/float-elements.css';
  import '@ionic/react/css/text-alignment.css';
  import '@ionic/react/css/text-transformation.css';
  import '@ionic/react/css/flex-utils.css';
  import '@ionic/react/css/display.css';
  import './theme/variables.css';
  
  export default class App extends Component {
      constructor(props: any) {
          super(props);
          this.state = {
          }
      }
  
      componentDidMount() {
          const { StatusBar } = Plugins;
          StatusBar.hide();
      }
  
      render() {
          return (
              &lt;IonApp&gt;
                  &lt;IonReactRouter&gt;
                      &lt;IonRouterOutlet&gt;
  
                          &lt;Route path="/scenarios" component={ScenariosPage} exact={true}/&gt;
                          &lt;Route path="/scenarios/:id" component={ScenarioDetail}/&gt;
                          &lt;Route exact path="/" render={() =&gt; &lt;Redirect to="/scenarios"/&gt;}/&gt;
                      &lt;/IonRouterOutlet&gt;
                  &lt;/IonReactRouter&gt;
              &lt;/IonApp&gt;
          )
      }
  };
  </code></pre>