React Naitiveでのreact-navigation-stackについて

Question

参考サイトを見ながらRNの勉強をしております。
こちらの記事がx3系統で書かれている見たいで、

参考サイト
https://note.com/cube0529/n/nd9f242d4d43b
https://qiita.com/shinnoki/items/e32e20b812606ce7219c

x4系統に書き直したところエラーが取れません。
こちら原因がわかる方おりませんでしょうか。

import { createStackNavigator } from 'react-navigation-stack'; に変更
→下記のエラーが出る

undefined Unable to resolve module react-native-safe-area-context from node_modules/react-navigation-stack/lib/module/vendor/views/Stack/StackView.js: react-native-safe-area-context could not be found within the project.

react-native-safe-area-contextをnpm iでインストール
→下記のエラーがでる

エラー内容
If you are sure the module exists, try these steps:

1. Clear watchman watches: watchman watch-del-all
2. Delete node_modules: rm -rf node_modules and run yarn install
3. Reset Metro's cache: yarn start --reset-cache
4. Remove the cache: rm -rf /tmp/metro-*

Unable to resolve "@react-native-community/masked-view" from "node_modules/react-navigation-stack/lib/module/vendor/views/MaskedView.native.js"
Failed building JavaScript bundle.

おそらく現在、4.9を使っているのですが、react-navigation-stackで
createStackNavigatorを呼び出すとエラーが出てしまいます。

こちら３系統のインストール方法がわからず、
現在だと5も出てきたようです。

// エラーが出る
// import { createStackNavigator } from 'react-navigation-stack';

export default class App extends React.Component {
 
  
  render() {

    /* エラーが出る
       
    const HomeStack1 = createStackNavigator({ // ←追記部分
        home: { screen: HomeScreen },
        detail: { screen: DetailScreen }
    });
*/

Answer 1

もしexpoでの開発でしたら

これをterminalで入力してみてください。

Comments

[momiji0210]

ご回答が大変遅くなってしまい申し訳ございません。
上記で問題なく動きました。アドバイスありがとうございます！

こちら何が原因だったのでしょうか。
expoを使っており、tabの仕様が一部変わったみたいな記事は見ました。
1つずつ入れたりしていたのですが、自分でやったときはリンカエラーみたいなのがでまして。