How to create fullscreen android app with ionic react?

@rmch1 wrote:

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 codova and ionic native plugin android-full-screen, but i don’t understand how to use it in my app.

I will show you my App.tsx. I wan’t 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.

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 (
            <IonApp>
                <IonReactRouter>
                    <IonRouterOutlet>

                        <Route path="/scenarios" component={ScenariosPage} exact={true}/>
                        <Route path="/scenarios/:id" component={ScenarioDetail}/>
                        <Route exact path="/" render={() => <Redirect to="/scenarios"/>}/>
                    </IonRouterOutlet>
                </IonReactRouter>
            </IonApp>
        )
    }

};

Posts: 1

Participants: 1

Read full topic