问题标签 [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-web - 如何使用 react-native-pan-zoom 和 react native web
我有一个带有图像的本机 Web 应用程序。我想做平移和缩放，所以我尝试用 react-native-pan-zoom 模块中的 ImageZoom 包装它。
但是得到一个编译错误
这应该工作吗？
reactjs - React Native Web 发送电子邮件
我正在尝试设置一个功能，当单击按钮时，程序将发送电子邮件。我正在使用反应原生网络。到目前为止，我已经尝试过 react-native-mail。这会打开一个电子邮件客户端，但是当我尝试运行 build-web 时，无法缩小 react-native-mail 的节点模块。我也尝试过 react-native-communications 但我也遇到了错误。有什么我缺少的方法吗？
reactjs - 使用 react-native 安装本地包作为依赖项
我正在尝试使用来自相对路径的包，并且我已经完成了npm install ../../ExamplePackage和react-native install ../../ExamplePackage. 这些包在多个级别上是相对的，而不仅仅是一个级别。
我收到以下错误
我尝试了所有步骤，但没有任何效果。我也尝试过 haul 但这对我也不起作用。
reactjs - 我们可以在 React 中使用 React Native 组件吗
最近我有一个需求，我需要在 react web 应用程序中使用 react native 组件。我搜索并找到了一个组件，即 React Native Web。
这会将反应原生组件转换为在反应 Web 应用程序中工作。虽然我遇到了一些错误，但我实际上想确认在 react web 应用程序中使用 react native 组件是否可行，所以每当我们在 React Native Component 中进行更改时，都会自动处理以显示在 web 中。因为对于 react-native-web，我们需要提供将转换为 web 视图的 react native 文件。但是我们如何确保每当我们更新移动组件时，更改将自动反映在 Web 上而不进行任何更改。
任何帮助将非常感激。
谢谢
react-native - 是否可以从相同的代码库构建移动和 Web 应用程序？
是否可以为移动（ios/android）和 Web 应用程序提供单一代码库？我正在考虑使用 react native 或 angular/nativescript。如果您尝试过此操作，在执行此操作之前要记住哪些事项。还有什么特别适合 SEO 的吗？
最重要的是，是否有任何具有合理复杂性的现实世界应用程序已经做到了这一点？
javascript - 滚动到 react-native-web 中的位置
在 web 中运行 react-native 代码时无法滚动到特定位置。
当我在移动设备上运行与 react-native 应用程序相同但不能在 react-native-web 中运行时，我可以滚动到位置。
我尝试使用 web 和 react-native 属性来实现这一点，但找不到确切的解决方案。
让我知道，如果有人遇到同样的问题并解决了。
reactjs - React Native - 找不到变量：符号
情景
我正在编写一个 React-Native-Web (RNW) 应用程序。基本设计是一个将自定义 React-Native 组件库作为节点包的核心应用程序。
组件库也是一个 RNW 应用程序，因为我使用 StoryBook 允许独立开发。
问题
当我使用 git 将组件库安装npm i ...到核心应用程序中并将其导入到 src 文件夹中的 App.js 中时，我收到以下错误...
我也尝试安装es6-symbol但这似乎没有任何影响。
请问有什么建议吗？
react-native - 使用 react-native-web 在 create-react-app 中处理第 3 方
我们正在尝试在移动端（react-native）和网络端（create-react-app）使用相同的 React 组件。
多亏了react-native-web（下面的配置），到目前为止它运行得很好。
然而，我们在 react-native 项目中广泛使用的react-native-vector-icons不能与react-native-web一起编译。这意味着任何使用带有矢量图标的组件的组件也需要特定的 Web 版本。拥有特定于 Web 的组件版本会影响维护。
有没有一种已知的方法，无需弹出 create-react-app 配置，来处理web中的 react-native-vector-icons等 3rd 方？
到目前为止我们已经想到的事情： 我们目前正在研究两个想法：
基于环境的导入：
我们不确定这种动态导入是否可行
注入到node_modules/react-scripts 的Webpack 配置。不优雅，但我们有一个 gulp 手表，我们可以确保配置始终存在。
任何想法或想法都会受到赞赏。
配置： 我们构建了一个新的私有 NPM 包，其中包含所有 React 组件，并且通过使用gulp watch将包复制到移动和 Web 项目，我们省去了在开发过程中不断发布 npm和yarning的麻烦（Webstorm 的唯一缺点索引过程）。
css - 在 FlatList 中使用溢出
我在 FlatList 的所有项目中都有一个下拉菜单但是，最后一个项目的菜单将被 FlatList 容器切断。
在 Chrome 上调试后，我发现添加overflow: 'visible'到 FlatList 的div作品。但我没有办法覆盖它。我试过了
和
但它都不起作用。
这是我在 Chrome 检查器中看到的
这是我的代码：
react-native - React Native - 如何在本机和 Web 的文件中分离模块？
我在 React Native（Android 和 iOS）项目和React Native Web项目之间共享了一些文件。
一些文件具有*.web.js扩展名，以便告诉 webpack（用于 react-native-web）赋予它们高于文件夹中其他 js 文件的优先级。
我需要在 react-native 项目中将这些文件排除在编译之外。