'ActionSheetIOS' 不是从'react-native-web/dist/index' 导出的答案

【问题标题】：'ActionSheetIOS' is not exported from 'react-native-web/dist/index''ActionSheetIOS' 不是从'react-native-web/dist/index' 导出的
【发布时间】：2021-07-30 15:41:28
【问题描述】：

如何避免这种警告？
我的应用程序正在运行，但它在终端中发出警告，如下所示

Compiled with warnings.
/home/karim/Desktop/React-Native/RN-Complete-Guide/node_modules/react-navigation-header- 
buttons/src/overflowMenuPressHandlers.js
Attempted import error: 'ActionSheetIOS' is not exported from 'react-native-web/dist/index'.

这是因为我从react-navigation-header-buttons 导入了HeaderButtons 和HeaderButton，如下所示

import { HeaderButtons } from "react-navigation-header-buttons";
import { HeaderButton } from "react-navigation-header-buttons";

我正在使用 react-native 4.x veriosn。
有什么办法可以避免这个警告？

【问题讨论】：

标签： javascript reactjs react-native expo

【解决方案1】：

react-navigation-header-buttons 的源中的This file 导入ActionSheetIOS，即not supported by React Native web applications。这似乎可能是 React Native web 本身的问题，因为即使在您的项目中导入 ActionSheetIOS 组件而不实际上使用它也会导致我过去的经验崩溃。

由于这个问题，您可能无法将react-navigation-header-buttons 用于您的解决方案。作者还继续说 in their README 网络支持目前是实验性的：

支持 iOS 和 Android，网络支持是实验性的。

我建议要么找到一种方法来避免这个库，要么在 repo 上标记一个问题，以建议将 ActionSheetIOS 替换为像 react-native-action-sheet 这样的跨平台操作表解决方案。

【讨论】：

我从未使用过 ActionSheetIOS，但它会发出警告
看起来 react-navigation-header-buttons 的源代码导入 ActionSheetIOS。您可能需要找到替代解决方案，例如为标题按钮手动设置样式。将编辑答案

【解决方案2】：

在 react-native-web/dist/index.js 我导出导出 { ActionSheetIOS };不知何故，警告消失了

【讨论】：