在将100库集成到我的Reaction Native项目中后,我面临着导航设置的问题.在集成100之前,我的导航系统工作得很好,我能够使用定义的类型导航,没有任何问题.然而,在我的项目中添加了100之后,我遇到了一个严重的问题.

当与导航堆栈标题的后退按钮交互或在底部选项卡导航器中切换选项卡时,会出现此问题.应用程序非但没有提供任何错误反馈,反而突然崩溃.

我已经使用Flipper进行了调试,它为我指出了一个标记为"exc_ad_access"的错误.此错误似乎与内存访问问题有关.有趣的是,我只是在添加了100包之后才遇到这个问题.当我移除这个包时,问题就消失了.

{
  "name": "DocvivoMobil",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "lint": "eslint .",
    "start": "react-native start",
    "test": "jest"
  },
  "dependencies": {
    "@react-native-community/checkbox": "^0.5.16",
    "@react-native-community/datetimepicker": "^7.4.2",
    "@react-navigation/bottom-tabs": "^6.5.8",
    "@react-navigation/native": "^6.1.7",
    "@react-navigation/native-stack": "^6.9.13",
    "@twotalltotems/react-native-otp-input": "^1.3.11",
    "babel-plugin-module-resolver": "^5.0.0",
    "formik": "^2.4.3",
    "moment": "^2.29.4",
    "react": "18.2.0",
    "react-native": "0.72.4",
    "react-native-dropdown-select-list": "^2.0.5",
    "react-native-gesture-handler": "^2.12.1",
    "react-native-keyboard-aware-scroll-view": "^0.9.5",
    "react-native-linear-gradient": "^2.8.2",
    "react-native-phone-number-input": "^2.1.0",
    "react-native-safe-area-context": "^4.7.1",
    "react-native-screens": "^3.24.0",
    "react-native-svg": "^13.13.0",
    "react-native-vector-icons": "^10.0.0",
    "styled-components": "^6.0.7",
    "yup": "^1.2.0"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0",
    "@babel/preset-env": "^7.20.0",
    "@babel/runtime": "^7.20.0",
    "@react-native/eslint-config": "^0.72.2",
    "@react-native/metro-config": "^0.72.11",
    "@tsconfig/react-native": "^3.0.2",
    "@types/jest": "^29.5.4",
    "@types/react": "^18.2.21",
    "@types/react-native": "^0.72.2",
    "@types/react-native-vector-icons": "^6.4.14",
    "@types/react-test-renderer": "^18.0.0",
    "babel-jest": "^29.2.1",
    "eslint": "^8.19.0",
    "jest": "^29.2.1",
    "metro-react-native-babel-preset": "0.76.8",
    "prettier": "^2.4.1",
    "react-test-renderer": "18.2.0",
    "typescript": "^5.2.2"
  },
  "jest": {
    "preset": "react-native"
  }
}

我try 了以下步骤来解决问题,但都没有奏效:

  1. 已将所有程序包更新为最新版本.

  2. 确保100库的正确链接.

  3. 已验证我正在使用的其他模块是否兼容且不会导致冲突.

  4. 已判断100与我的Reaction Native版本的兼容性.

  5. 调整了我的100中包裹的顺序.

还有没有人在将100集成到他们的导航设置中时遇到过类似的问题?如有任何帮助或建议,我们将不胜感激.谢谢!

推荐答案

我以一种相当有趣的方式解决了这个问题:我在任何导航屏幕上使用了任何重新激活的功能,问题都消失了.

React-native相关问答推荐

ReactNative如何在填充编辑表单 timeshift 除按钮禁用状态

React Native WebView onMessage 没有做任何事情

react-native (expo)加载markdown 文件

React-native 在浏览器中打开链接并返回应用程序

如何使用 React Navigation 使 TabNavigator 按钮推送模态屏幕

redux-observable Promise 在单元测试中没有得到解决

如何在 React Native 中访问原生 UI 组件的实例方法

如何渲染多行文本组件,行间有白色间隙

如何删除不需要的expo 模块

使用 applicationIdSuffix 时 React Native 应用程序不会启动

Console.error:no permission handler detected

渲染时获取未定义不是 React Native 中的对象

Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0.

无法识别的 WebSocket 连接选项 `agent`、`perMessageDeflate`、`pfx`、`key`、`passphrase`... 你的意思是把这些放在 `headers` 下吗?

TypeError : props.navigation.getParam 不是函数. In(props.navigation.getParam('name')

在 React Native Navigator 中的组件之间传递值

在 FlatList 上使用 React Native 搜索过滤器

在 webview 中检测touch 是 Apple Pencil 还是手指(react-native)

如何在本地构建 Expo APK

如何在 React Native 的 MapView 中设置标记