问题标签 [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 投票
2 回答
84 浏览

javascript - Flexbox,其中一个盒子设置了 flexBasis,其他盒子填充剩余空间

下面我有一个 flexbox 行。我想要实现的是:我想要一排 5 个框,并且我希望能够使用flexBasis( flex-basis) 设置一些框(不是全部)特定宽度。下面我将第一个框设置为flexBox: 'content'flexBox: '150px'(故意)大小。

我正在寻找一种方法,让框 2、3、4、5 都具有相同的大小并占据其父项的全部数量。

在此处输入图像描述

http://codepen.io/reggi/pen/xqbZav?editors=0010

0 投票
1 回答
177 浏览

react-native - 注入的脚本无法在 WebView react-native 中所有访问的网页中运行

这个注入的脚本仅在我在 web 视图中访问的第一页中运行,但我的意图是在将访问的所有页面中运行它。
`

`

0 投票
0 回答
774 浏览

react-native - 使用 Web 浏览器为 React-Native 应用程序使用本地测试服务器?(npm 包 React-native-browser)

我正在尝试运行本地测试服务器来测试对我的应用程序用 html 编写的视图的调整。我正在使用包 react-native-browser。

项目名称是 Bowser,只是为了尽量减少混淆。

'localhost:3000' 和 ' https://localhost:3000 ' 作为 Browser.open() 的第一个参数的字符串都不起作用。

实现这一点的正确方法是什么?我是否打算使用 react-native-http 来实现这一点?

0 投票
1 回答
739 浏览

react-native - 是否可以通过 react-native-web 使用谷歌登录?

我们正在构建一个 react-native 应用程序,它有一个由react-native-google-signin提供支持的 Google 登录。这个库使用了 web 中不可用的原生功能,所以我的期望是不可能将我们的 react-native 应用程序移植到 web 上。

是否可以通过 react-native-web 使用谷歌登录?

0 投票
0 回答
217 浏览

meteor - 如何在流星中别名进口?(反应本机网络)

我正在尝试在我的 Meteor 客户端应用程序中使用react-native-web 。React-native web 要求您将react-nativeimport 声明别名为react-native-web,这样您在 React Native 端编写的组件将直接映射到 Web 组件,而无需进行任何额外的自定义。

IE

在您的代码中应该解决

在 Meteor 应用程序中react-native执行时,在 React Native 应用程序中执行时解析为默认模块。

你如何在 Meteor 中实现这种模块别名?

0 投票
1 回答
435 浏览

react-native - 跨平台组件 react-native-web

我使用react-native-web,我想创建跨平台组件。我想按平台区分每个组件。

所以我跟着这个教程:https ://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/

我有 3 个文件:
     -friendsList.android.js
     -friendsList.ios.js
     -friendsList.web.js

对于导入FriendsList,在index.android.js, 中index.ios.js index.web.js

在 iOS 和 Android 上,它运行良好。但是在网络上,它无法识别该文件。我实际上有 3 个解决方案:
-在导入时指定import FriendsList from './friendsList.web';
-定义为每个平台调度的服务
- 或在 webpack 中定义别名

有没有办法在没有这种方式的情况下导入 .web ?
也许不应该那样做?

0 投票
2 回答
1966 浏览

react-native - 将 redux-saga 与 react-native-web 一起使用时,我们收到错误“无法读取未定义的属性 'mark'”

我刚开始玩 redux-sagas,我遇到了一个奇怪的错误。我们将 React Native 用于 iOS、Android 和 Web 开发,我得到的错误是特定于 Web 环境的。

在我们的代码中,我有./sagas/index.js这个:

只要我将该文件导入到任何地方(更不用说尝试调用该函数),我就会收到此错误:

我认为它必须在我们的 webpack 中,所以我将其包括在这里:

有任何想法吗??

0 投票
1 回答
1867 浏览

reactjs - React JS:模态组件未呈现

应用程序运行良好,但是当我单击项目时,模态组件未呈现。不知道为什么。有人可以帮我吗?

完整的源代码在这里:-- https://www.webpackbin.com/bins/-KpOwCBrjy_PlP5t6-IH。您可以在线修改源并使用它。=。

应用程序.js

包.json

在此处输入图像描述

0 投票
2 回答
1286 浏览

reactjs - 无法在 react-native-web 上运行 webpack-dev-server。错误:您可能需要适当的加载程序来处理此文件类型

我正在尝试深入研究 React 生态系统并在使用react-native-web我的 React Native 应用程序时遇到问题。我在https://github.com/thedarklord1/testNativeWithWeb上托管了该应用程序。我使用 Redux Store 和 React Native 构建了一个非常简单的 POC 来构建计算器。Android 和 iOS 版本按预期执行。我面临的问题是,在尝试运行webpack-dev-server时,react-native-web用于网络,它失败并出现错误

我对 React 和 WebPack 生态系统相当陌生,感谢任何帮助或指点。TIA。

编辑:我正在使用命令webpack-dev-server -d --config web/webpack.config.js --inline --hot --colors来运行服务器。

0 投票
2 回答
626 浏览

javascript - 将 React-Navigation 与 react-native-web 一起使用会引发错误,因为它无法导入与 web 相关的模块

我正在使用带有 react-navigation 的 react native web。我收到此错误:

我收到此错误是因为存在以下文件:PlatfomrHelpers.ios.js、PlatfomrHelpers.android.js、PlatfomrHelpers.web.js。但是没有 PlatfomrHelpers.js。

所以我的 ES6 导入系统无法为 react-native-web 中的导入名称“PlatfomrHelpers”导入 PlatfomrHelpers.web.js。

如何解决这个问题?