问题标签 [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.
javascript - Flexbox,其中一个盒子设置了 flexBasis,其他盒子填充剩余空间
下面我有一个 flexbox 行。我想要实现的是:我想要一排 5 个框,并且我希望能够使用flexBasis
( flex-basis
) 设置一些框(不是全部)特定宽度。下面我将第一个框设置为flexBox: 'content'
或flexBox: '150px'
(故意)大小。
我正在寻找一种方法,让框 2、3、4、5 都具有相同的大小并占据其父项的全部数量。
react-native - 注入的脚本无法在 WebView react-native 中所有访问的网页中运行
这个注入的脚本仅在我在 web 视图中访问的第一页中运行,但我的意图是在将访问的所有页面中运行它。
`
`
react-native - 使用 Web 浏览器为 React-Native 应用程序使用本地测试服务器?(npm 包 React-native-browser)
我正在尝试运行本地测试服务器来测试对我的应用程序用 html 编写的视图的调整。我正在使用包 react-native-browser。
项目名称是 Bowser,只是为了尽量减少混淆。
'localhost:3000' 和 ' https://localhost:3000 ' 作为 Browser.open() 的第一个参数的字符串都不起作用。
实现这一点的正确方法是什么?我是否打算使用 react-native-http 来实现这一点?
react-native - 是否可以通过 react-native-web 使用谷歌登录?
我们正在构建一个 react-native 应用程序,它有一个由react-native-google-signin提供支持的 Google 登录。这个库使用了 web 中不可用的原生功能,所以我的期望是不可能将我们的 react-native 应用程序移植到 web 上。
是否可以通过 react-native-web 使用谷歌登录?
meteor - 如何在流星中别名进口?(反应本机网络)
我正在尝试在我的 Meteor 客户端应用程序中使用react-native-web 。React-native web 要求您将react-native
import 声明别名为react-native-web
,这样您在 React Native 端编写的组件将直接映射到 Web 组件,而无需进行任何额外的自定义。
IE
在您的代码中应该解决
在 Meteor 应用程序中react-native
执行时,在 React Native 应用程序中执行时解析为默认模块。
你如何在 Meteor 中实现这种模块别名?
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 ?
也许不应该那样做?
react-native - 将 redux-saga 与 react-native-web 一起使用时,我们收到错误“无法读取未定义的属性 'mark'”
我刚开始玩 redux-sagas,我遇到了一个奇怪的错误。我们将 React Native 用于 iOS、Android 和 Web 开发,我得到的错误是特定于 Web 环境的。
在我们的代码中,我有./sagas/index.js
这个:
只要我将该文件导入到任何地方(更不用说尝试调用该函数),我就会收到此错误:
我认为它必须在我们的 webpack 中,所以我将其包括在这里:
有任何想法吗??
reactjs - React JS:模态组件未呈现
应用程序运行良好,但是当我单击项目时,模态组件未呈现。不知道为什么。有人可以帮我吗?
完整的源代码在这里:-- https://www.webpackbin.com/bins/-KpOwCBrjy_PlP5t6-IH。您可以在线修改源并使用它。=。
应用程序.js
包.json
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
来运行服务器。
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。
如何解决这个问题?