问题标签 [react-native-web]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
react-native - 通过 npm 脚本向 webpack 配置添加别名？
我必须node_modules\react-scripts\config\webpack.config.dev.js
手动输入以下别名：
有什么方法可以在我运行它时package.json在"scripts"部分中有一个命令来添加这个别名？
react-native - React Native Web 中 Modal 的替代方案
React Native Web 中缺少 Modal 促使我构建了一个覆盖在当前视图之上的弹出组件。
我尝试过使用“绝对”位置，顶部：0 和左侧：0 hack。这很好用，但如果在子组件中使用它就不能正常工作，因为组件的顺序是自动 zIndex。下图说明了此问题（请参阅蓝色按钮阻止下拉弹出窗口）：
最终我发现 React 可以直接在根部渲染组件（在此链接了解更多信息），这意味着该组件将在其他组件之上渲染，但这是针对 React 而不是 React Native。
我想知道 React Native 中是否有类似的东西。
android - react-native-web 是如何实现的
我正在努力为 Web 和本机环境提供通用代码。
我遇到了一个类似的实现，即react-native-web
为什么选择原生组件同时在浏览器和原生环境中工作？我们不能让 react 的 web 组件在本地工作吗？
typescript - 如何将 React-Native 代码转换为 TypeScript？
我要转换的代码附在链接中：该代码用于 Slider API。这将帮助我和数百万即将使用 React-native for web (Typescript) 的用户。实际上，我对 web 的 react-native 还是很陌生，所以我对 react-native 不太了解。尝试将我的应用程序编码为 React Native for web(Typescript)
HTML 文件看起来像这样
反应原生 index.js 文件
reactjs - react-native-web 的反应导航？
需要将react-navigation代码从移动端重用到react-native-web. 但我无法让它在网络上工作。
我们是否需要react-router单独用于 web ？
我们如何为两个平台共同配置导航？我很想看到一个这样的例子！这将非常有帮助。谢谢！！
heroku - 如何将 react-native-web 应用程序部署到 heroku 中？
我正在尝试在我的大学项目中使用 react-native-web。
我已经按照此处的步骤成功创建了 react-native-web 应用程序的开发版本。我想将我的应用程序部署到 Heroku 上，在搜索了很多问题之后，我仍然无法在 Heroku 上运行我的应用程序。它总是在启动后 60 秒后崩溃。
有没有人可以向我展示将我的 react-native-web 部署到 Heroku 的步骤？
谢谢。
android - 使用 setState 时，React 中的滚动视图错误地重置为 Android 股票浏览器的顶部
我使用react-native-web创建了一个简单的Web 应用程序（源代码） ，屏幕顶部的a和 a使用我的组件上的'sy 偏移量进行更新。在 Chrome 中一切正常，但是当我在 Android 4.3 模拟器的股票浏览器上运行它时，有两个问题：ScrollViewTextScollViewsetState
当滚动结束时，我得到一个0 的
onScroll事件contentOffset.y：
当滚动结束时，有时 ScrollView 会跳回其内容的顶部：
它在 Chrome 上正常工作：
如果我删除setState调用它可以防止这个问题发生（但是我无法跟踪我想要做的滚动偏移）。此外，我确保它shouldComponentUpdate已实现，因此它不会重新渲染ScrollView.
我不想在 react-native-web repo 上提出问题，因为作者说它不会正式支持 Android < 4.4。我不清楚这是否是在旧浏览器上运行的 React 或 react-native-web 的问题。请注意，要让它在 Android 4.3 上呈现，我必须使用react-native-web 的这个分支。
更新：经过更多的挖掘，我怀疑这是 react-native-web 的一个错误，因为如果我只使用View带有一些样式的纯文本使其像ScrollView. 会不会是 React 在这些旧的 Android 浏览器上存在错误？如果我找到一些时间，我会尝试创建一个没有 react-native-web 的带有 bug 的测试 web 应用程序。
react-native - 如何一起使用 react-native-web 和 react-navigation 并从 web url 访问
更新：
react-navigation web 支持已经完成。按照这个： https ://reactnavigation.org/docs/en/web-support.html
原产地：
我尝试在 react-native 和 web 之间共享我的代码。当我尝试 react-native-web 时，它运行良好。但只有一个问题，如何从 URL 访问特定屏幕？我阅读了 react-navigation 文档，对此一无所知。并且 react-router-native 可以捕获 Web URL，但它具有像 StackNavigator/DrawerNavigator 这样的导航器。和想法？
reactjs - 反应本机网络滚动视图快照？
我正在使用带有 react native web 的滚动视图，我试图让滚动视图卡入到位，但它只是像正常一样滚动。我试过使用这些道具，但它不起作用。
gitlab - ESlint 错误：意外的顶级属性“installedESLint”
我正在尝试在我的大学项目中使用 react-native-web。
当我在本地使用 ESlit 进行 lint 时，不会出错。但是当代码在 Gitlab-CI 管道上运行时，它在做 lint 时总是显示这个错误：
我已经有了自己的 .eslintrc 文件，但是 ESlint 总是引用 uuid/.eslintrc.json。
这是我的 gitlab-ci.yml 文件：
这是管道结果：
有没有人可以帮助我解决错误？