问题标签 [expo-web]

在 Expo 的最新版本中，有一个 Web 支持。在图片中，您可以看到使用 React Native 创建并在 Web 中呈现的普通 TextInput。

如何更改在焦点上激活的 TextInput 边框的颜色？您会在 TextInput 周围看到一个橙色边框。你知道如何在 react-native 中改变这一点吗？

我最近更新了我的 react、expo 和 expo-cli 版本，并试图让 expo web 在这个更新的项目上运行，但每当我运行时，expo start --web我都会收到以下错误：

该应用程序在 IOS 和 android 上运行良好，但我不断收到网络错误。

不确定是什么导致了错误。

我已经添加"web"到platform我的app.json

我的应用程序文件是

我正在尝试使用 vscode 在本地调试在 Expo web 上运行的 React Native 代码。

我在以下位置尝试了这些配置launch.json：

在这两种情况下，Expo 都会运行并且调试器会附加：

但是断点要么是无界的，要么是不工作的。

这是 package.json 中的脚本：

关于我缺少什么的任何想法？

我正在尝试将 expo 和 nextjs 用于我的 Web 应用程序，并且我已尝试实施文档中列出的步骤以使我能够使用字体和图像，但是我不断收到此错误

错误 - ./assets/fonts/Fontisto.ttf 1:0 模块解析失败：意外字符 ' ' (1:0) 您可能需要适当的加载器来处理此文件类型，目前没有配置加载器来处理此文件。请参阅https://webpack.js.org/concepts#loaders （此二进制文件的源代码省略）

下面是我的 nex.config.js

我对 Expo 很陌生，正在尝试将我的 React Native 应用程序变成一个额外的网络应用程序。我对 Expo Web / React Native Web 感到非常兴奋，但不幸的是，我在 Expo Dev Tool（启动 webpack 的地方）中看不到任何输出，在 console.log 的命令行输出中也看不到任何输出. 这有什么诀窍吗？

如果我执行 Alert("...") 而不是 console.log 它可以工作。但这不适用于 fetch。

谢谢你的帮助！

我有一个应用程序，我想尝试 expo start:web 功能，但在解决我有错误之后，它确实出现了 AsyncStorage 之类的错误

简单地，

谁能帮助我。

我正在尝试使用 Playwright 对 Expo Web 项目进行端到端测试。我希望当我将 testId 属性添加到 React Native 视图时，它会被转换为 data-testid 以便我可以为我的测试选择元素。

但是，它没有这样做，所以我想不出一个选择元素的好方法。到目前为止，我能想到的最好的方法是为元素添加一个可访问性标签。

有谁知道将测试 ID 添加到将在网络上测试的 react-native expo 项目的更好方法？

我的示例如下：

我有一个按钮，单击时显示图像（通过从 useReducer 调度的状态更改）持续 400 毫秒。400 毫秒后，图像再次隐藏，按钮可见。在桌面浏览器上，这工作得很好。但是在移动端有性能问题。图像并不总是在点击时显示。看下面的GIF动画来理解：

这是我的源代码：

GIF动画：

在桌面上（运行良好）：

在移动设备上（并不总是显示图像）：

有什么办法可以保证图像 100%（总是）显示？

有关我的堆栈的更多信息：我使用 Expo 开发适用于 iOS、Android 和 Web 的应用程序。Web 版本的输出是 React Native Web，因此这里使用内部 React。

我正在构建我的移动应用程序的网络版本，我遇到了一个巨大的问题。当我运行expo build:web时，捆绑的 js 块文件2.xxxx.chunk.js和app.xxxx.chunk.js的重量分别为 1.7mb 和 1mb，这似乎太多了。

作为参考，我在没有 expo 的情况下使用 ReactJS 构建了这个网站的早期版本，同样的两个文件分别在 466kb 和 849kb 左右。在生产中打开该版本时，“网络”选项卡显示下载这些块中的每一个所需的时间不到 300kb。

我能做些什么来减少这些文件的大小吗？

这是在 Expo sdk 39 上。

expo web我使用and构建了我的应用程序的 Web 版本react-navigation，并且正在使用Django. 当我继续mywebsite.com导航时，我设法使一切正常。

但是，如果我直接在 上加载我的网站mywebsite.com/OTHER/PAGE，则这段代码会失败：

经过一番调查，我发现不是加载这个资产：

它尝试加载那个（不存在的）：

我如何告诉它http://mywebsite.com/在加载资产时仅用作基本 URI？