问题标签 [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.

0 投票
4 回答
17791 浏览

javascript - 样式化的组件:使用 react-native 和 react-native-web 悬停

styled-components在 React-Native App 中使用。假设我有链接组件:

之后,我用react-native-web “编译”我的 React-Native 代码。

一切都很好,希望悬停不起作用。(文本颜色保持red悬停。)

我的猜测是https://github.com/styled-components/css-to-react-native正在删除hover定义。

知道如何解决这个问题吗?

0 投票
0 回答
1196 浏览

image - 图像标签未使用“react-native-web”呈现

我是新来的反应。我有一个用例,我必须缓存第三方服务器上的图像。(想要避免太多的服务器调用来每秒渲染图像)为此,我使用react-native-web

我的应用程序是一个反应网络应用程序。代码片段是:

通过网络选项卡,我可以看到只有一个请求从服务器下载图像。这是 Image 标签所期望的,但没有任何 Image 被呈现在浏览器上。

任何人都可以直接解决图像标签没有被渲染的问题,或者有没有更好的方法来使用反应缓存来自服务器的图像?

0 投票
0 回答
793 浏览

react-native - Android中的React Native WebVIew显示空白页面

我尝试使用 React Native 的 WebView 从我在 Android 中的本地路径加载 HTML 页面,如下所示。

var WebViewAndroid = require('react-native-webview-android');

但我得到一个空白页

我的本地路径是 /storage/emulated/0/Android/data/'myappid'/files/abcd/index.html

0 投票
0 回答
87 浏览

reactjs - 从 jest 和 react-native-web 中寻找更易读的 className 差异

我正在开发一个使用 Jest 进行快照测试的 react-native-web 应用程序。它工作得很好!我遇到的唯一真正问题是我的className行差异是不可读的。这是一个例子:

那里变化,但很难发现。每当我进行细微的样式更改时,我的测试就会充满数十个这样的差异。这会产生很多噪音,并降低我的测试的有用性。

我的问题是,这可以改进吗?我的快照可以将每个类名写在新行上吗?是否可以进行字符差异,例如 GitHub?

0 投票
2 回答
1113 浏览

reactjs - Run on android with react-native-web

I'm new to React and React Native, I want to build a cross platform app which would use native components on mobile platforms.

I installed and initialized a react-native-app and install react-native-web and I wonder how to start my boilerplate code on android emulator, the documentation doesn't tell how.

0 投票
1 回答
97 浏览

reactjs - 本机模块解析失败

错误

我想在网页上看到我的应用程序,我该怎么办?我点击了这个链接 https://github.com/simonqian/react-helloworld 但我没有得到答案?所以请提供一些链接来解决这个问题

在我使用 npm start 启动 npm 后,我遇到了这种类型的错误?如何解决这个问题?

这是我的 web.config.js 文件。我的配置文件将在根目录中

0 投票
2 回答
194 浏览

reactjs - 将 react native 应用程序与 reactjs 应用程序分开

我将react native web与我的 react native 应用程序一起使用

我可以在同一个地方有相同的 react native 和 react native web 代码吗?

目前,我在 src\mobile 中的移动代码,您可以在此处看到: https ://github.com/amorenew/LifeMaster/tree/master/src

0 投票
8 回答
5403 浏览

react-native - 如何让 react native web 全高?

我正在使用 React Native Web 库,但我无法在 Web 上实现全高度

代码:

chrome浏览器的结果: 在此处输入图像描述

0 投票
3 回答
33073 浏览

reactjs - 如何解决此错误您可能需要适当的加载程序来处理此文件类型

我在这个库中遇到了这个错误https://github.com/react-native-web-community/react-native-web-linear-gradient/

错误链接 https://github.com/react-native-web-community/react-native-web-linear-gradient/issues/1 错误详情:模块解析失败:意外令牌 (5:22) 您可能需要一个合适的加载器来处理这个文件类型。

我的网络包:

提出问题的班级:

static defaultProps和 ()=> 造成了错误,那么可能出了什么问题?

0 投票
1 回答
97 浏览

reactjs - react-native-web 是否支持 react-native 的动画 api

我制作移动网络应用程序,需要添加动画。所以我正在考虑使用 react-native 动画 api,但我不确定它是否支持 react-native-web 请建议您是否有其他选择