Error: Invariant Violation: requireNativeComponent: "RNGestureHandlerRootView" was not found in the UIManager.

While i followed the project in lesson 20, i got this error..
Invariant Violation: requireNativeComponent: "RNGestureHandlerRootView" was not found in the UIManager.

All of my file is the same, what did i do wrong?

My App.js file:
```
import { useState } from 'react';
import * as Font from 'expo-font';
import AppLoading from 'expo-app-loading';
import Navigator from './routes/homeStack';

const getFonts = () => Font.loadAsync({
'eduSABeginner-regular': require('./assets/fonts/EduSABeginner-Regular.ttf'),
'eduSABeginner-bold': require('./assets/fonts/EduSABeginner-Bold.ttf')
});

export default function App() {
const [fontsLoaded, setFontsLoaded] = useState(false);

if (fontsLoaded) {
return (

);
} else {
return (
setFontsLoaded(true)}
onError={() => console.log('error')} />
)
}
}
```

My homeStack.js file:
```
import { createStackNavigator } from "react-navigation-stack";
import {createAppContainer} from "react-navigation";
import HomePage from '../screens/HomePage';
import ReviewDetails from "../screens/ReviewDetails";

const screens = {
HomePage: {
screen: HomePage,
},
ReviewDetails: {
screen: ReviewDetails,
}
};

const HomeStack = createStackNavigator(screens);
export default createAppContainer(HomeStack);
```

Start with App.js and routes/homeStack.js, then reproduce the lesson 20 flow that renders Navigator. Compare the project setup with the navigation entry point and verify that the app loads without the RNGestureHandlerRootView invariant.

由索引模型根据 Issue 内容生成。