How to use the react-native-screens.enableScreens function in react-native-screens

import * as React from 'react';
import { AppLoading } from 'expo';
import * as Font from 'expo-font';
import { Asset } from 'expo-asset';
import { Entypo, Ionicons, MaterialIcons } from '@expo/vector-icons';
import { Platform, StatusBar, StyleSheet, View } from 'react-native';
import { Assets as StackAssets } from 'react-navigation-stack';
import { enableScreens } from 'react-native-screens';
import { AppearanceProvider, useColorScheme, ColorSchemeName } from 'react-native-appearance';

import Icons from './src/constants/Icons';
import RootNavigation from './src/navigation/RootNavigation';

if (Platform.OS === 'android') {
  enableScreens(true);
}

const initialState = {
  appIsReady: false,
};

type Props = { colorScheme: ColorSchemeName };
type State = typeof initialState;

export default function AppContainer() {
  let colorScheme = useColorScheme();
  return (
    
      
    
  );

options={{
          title: 'Lorem Ipsum',
          headerLargeTitle: true,
          headerHideShadow: true,
        }}
      />
      
    
  );
}

enableScreens(true);

const styles = StyleSheet.create({
  buttons: {
    flexDirection: 'row',
    padding: 8,
  },
  button: {
    margin: 8,
  },
  content: {
    paddingVertical: 16,
  },
  title: {
    fontWeight: 'bold',
    fontSize: 24,
    marginVertical: 8,

export default function App() {
  enableScreens();
  return (
    
      
    
  );
}

export default function App() {
  enableScreens();
  return (
    
      
    
  );
}