找不到 'react-native-safe-area-context' 模組

Question

我正在學習 React Native。 我正在嘗試使用 SafeAreaProvider 和 SafeAreaView，但是當我這樣做時：

import { SafeAreaProvider, SafeAreaView } from "react-native-safe-area-context";

我收到訊息找不到模組「react-native-safe-area-context」

這是我的版本：

"dependencies": {
    "@react-native-community/masked-view": "^0.1.11",
    "expo": "~48.0.18",
    "expo-status-bar": "~1.4.4",
    "react": "18.2.0",
    "react-native": "0.71.8",
    "react-native-safe-area-context": "4.5.0",
    "react-navigation": "^4.4.4"

你能幫我嗎？非常感謝！

我嘗試將react-native-safe-area-context從4.7.1降級到4.5

Answer 1

您收到了錯誤訊息“找不到模組'react-native-safe-area-context'”，這是因為在您的環境中未安裝SafeAreaContext庫。

該庫已包含在Expo Go中，但如果您使用的是NPM，則應按照此處的說明進行操作。

在您的環境終端機中執行以下命令以在本機安裝庫：

- npx expo install react-native-safe-area-context

如果該命令不起作用，請嘗試使用以下命令：

npx expo install react-native-screens react-native-safe-area-context