问题标签 [react-native-web]

我有 react-native-web 项目。我遇到的一个问题是，当TouchableHighlight按下 a 时，所有子元素的填充都会被删除。

在触摸之前，检查器显示正确的填充，在触摸填充为 0 之后。我尝试将其包装Text在一个View组件中，然后也将其展开。

我在这里不知所措

编辑 按要求，我将代码添加到 CodeSandbox，但它工作得非常好！ https://codesandbox.io/s/distracted-golick-uwl6f?fontsize=14

编辑 2 当React从react-native. React导入时问题消失react

我正在尝试通过使用 React Native Web 库在 Web 中使用 React Native 组件。

但是当这样做时，我的 DOM 元素有很多内联样式，这使得它看起来很杂乱，我们如何才能摆脱作为转换的一部分的冗余样式。

像这样的东西

我们甚至可以摆脱这个转换的内联 css。

这就是我在这里使用的 React Native 组件的样子

将 RNW 更新到 0.11.4 后，DOM 似乎更干净、更精简，但几乎没有消除它们。

例如

构建react-native-web时，出现以下错误：

我在.babelrc文件中有这个部分

任何人都可以帮忙吗？

当我想构建反应时出现波纹管错误（node_modules中的错误）：

我将此部分添加到 babel 文件

babel.config.js

和我的 webpack

任何人都可以帮忙吗？

想知道其他人是否也进入了这个问题领域，以及他们的发现是什么。

我们有一个 React Native + React Native Web 应用程序，它共享相同的代码，并希望添加功能测试，它也尽可能地共享相同的测试代码，并且具有低误报功能测试。

根据我的研究，似乎没有一个解决方案可以让我两全其美（网络和本地之间的共享测试代码以及​​非易碎、低误报测试）。

根据我的研究，我发现很少有竞争者，如下所述：

Appium 似乎同时支持这两者，但基于 Web 驱动程序，由于 Web 驱动程序的脆弱性和误报，该驱动程序的评价褒贬不一。此外，实际上将共享多少测试代码::thinking。

现在，另一种选择是使用适用于环境的适当工具。排毒似乎是原生的一个很好的解决方案。它支持 IOS 并且主要支持 android 并且运行速度很快，并且由于其灰盒性质而不是易碎的。对于 web，testcafe 或 cypress 似乎是一个很好的解决方案。

不幸的是，似乎没有一个解决方案可以两全其美。想知道是否有其他人在这个领域有经验，试图管理多个平台的测试？

希望对我的发现发表一些评论甚至确认。

我在使用 react-native-image-picker 将 react 与 react-native 结合时遇到问题，我不知道如何在 react-native-web 中上传图像。

我已经尝试过“react-native-everywhere-image-picker”，但控制台在 node-module react-native 中显示了该错误

有没有什么方法可以集成Okta react native 项目通用代码，适用于iOS、Android、Web 平台？

我的 Expo React Native 应用程序适用于 Expo iOS。

但是，当我在 Ubuntu 终端中按 W 并被带到我的网络浏览器时，网页显示以下内容：

我使用自定义路径，App.js但它确实适用于 Expo iOS。

我试过了npx react-native link。

我是 webpack 的新手，并试图弄清楚如何让代码拆分工作。我有一个从 react-native-web 创建的大包，我想将它分成两个较小的包。一个将包含所有 node_modules，另一个将包含我的自定义代码。请注意，我的应用程序只有一个入口点，目前我不需要动态导入。

我尝试将以下内容添加到我的 webpack 配置中

优化：{ splitChunks: { chunks: 'all' } }

这创建了两个包，但是我的应用程序未在浏览器中呈现。我是否必须以某种方式从第一个包中引用第二个包？有没有人有一个工作的例子？

你好呀，

我正在关注这篇文章来设置一个 react-native + web 代码共享。这是上面文章中描述的带有准系统 monorepo 设置的 repo 链接。

如上文所述，我成功地设置了准系统 monorepo 应用程序，然后我将现有的 react-native 应用程序代码移植到此架构（在组件文件夹中）并让移动应用程序正常工作。

当我尝试运行 web 应用程序（使用 react-native-web 将 react-native 转换为 web）时，我遇到了一些错误。这并不是说我没有预料到会出现一些错误，我知道react-native-web对于 0.55 以上的 react-native 版本和所有这些问题来说，它还不是那么稳定和最新。

但是我在这里遇到的错误与我认为的 webpack 配置更相关。我的文件与原始config-override.js文件基本相同，除了这部分（我更改了以希望解决我将在下面提到的错误）：

我遇到的几个或错误yarn workspace web start是：

它给：

尝试导入错误：“灰度”未从“react-native-color-matrix-image-filters”导出。

如果我只是删除此导入及其使用，我将得到：

尝试导入错误：“react-native-cookies”不包含默认导出（导入为“CookieManager”）。

上：

在玩的时候，我还得到了：

我很确定我的 webpack/babel 配置（config-override.js文件）有问题。我当然知道在解决这些问题后我会遇到更多错误。这种设置可能最终对我们根本不起作用。但这值得一试，我必须能够在您的帮助下解决这些错误。

谢谢。