“react-native-web”的相关标签问题

0 投票

1 回答

332 浏览

javascript - ReactJS / JavaScript：在许多情况下未收到调整大小事件

我正在处理聊天界面，并希望我的聊天日志项在窗口调整大小时适合屏幕。对于我使用的主列表FlatList，每个单独的项目都是一个单独的组件。

为此，我使用该方法订阅了resizeandfullscreenchange事件，window.addEventLister但在许多情况下仍然无法调整大小，例如离开或进入 macOS 全屏模式时。

还有其他一些我应该订阅或遵循不同方法的活动吗？有没有图书馆可以在一个地方为我提供所有类型的活动？

应要求提供代码片段：

平面列表视图：

然而，同一个屏幕有一个输入框（Component由于某种原因我做了一个不同的输入框）并且能够使用相同的逻辑调整大小：

2019-05-23T12:23:54.713

0 投票

1 回答

45 浏览

reactjs - react-native-web 如何使用 react-native 导入？

使用 react-native-web 时，如果没有安装依赖关系，我们如何导入 react-native？这里的示例：https ://codesandbox.io/s/q4qymyp2l6

reactjs react-native react-native-web

2019-05-29T12:00:42.803

0 投票

1 回答

1014 浏览

webpack - Webpack Parse Error: Unexpected token (8:2) 你可能需要一个合适的加载器来处理这个文件类型

我正在尝试将 react-native-web 与现有的 react-native 应用程序结合起来，我遵循了https://github.com/necolas/react-native-web/blob/master/docs/guides/multi-platform-apps .md指令，

由于模块解析失败，无法解析任何 JSX 代码：意外令牌 (8:2) 您可能需要适当的加载程序来处理此文件类型。

错误报告

在 webpack.config.js 中尝试了多个插件和预设

react-native-sample -> package.json

网页/webpack.config.js

Metro.config.js

babel.config.js

任何帮助都是最有帮助的。

webpack babeljs babel-loader transpiler react-native-web

2019-05-31T15:53:22.240

0 投票

0 回答

317 浏览

react-navigation - ResourceSavingSceneView：运行 react-scripts 时出现意外令牌 (33:11)

我正在使用 react-native-web 和 react-navigation 3.x。

然后我正在运行 react-scripts start a 并且出现此错误：

我该如何解决？

react-navigation react-native-web

2019-06-01T17:57:29.483

0 投票

1 回答

1013 浏览

react-native - 响应式 React-native-web 布局

我正在尝试从 react-native 项目创建仪表板布局。这个想法是为了让大部分代码在 Android、iOS 和 Web 上保持相似，只有布局或导航样式会改变。但我发现在 web 中制作这种类型的布局很容易，但在不重新渲染的情况下使其具有响应性是困难的。

我通过按照代码手动计算窗口高度和宽度来实现这一点

Dimensions.get('window').width Dimensions.get('window').height

并通过 eventListener 不断更新状态，以便它一次又一次地重新呈现整个页面。

Dimensions.addEventListener("change", this.updateScreen);

有没有办法我可以简单地使用一些 % 值来填满屏幕。现在，如果我使用 % 它会压缩到儿童View大小。我什至尝试过flex:1,alignSelf:stretch等alignItem:stretch，width:'100%'但没有运气。

一会儿，让我们谈谈中心行（附图）它包含 3 列。我希望左右块（菜单和号召性用语）各为 300 像素。现在，如果我在 1000 像素宽度监视器上，我的内容块应该是 (1000 - (300+300)) 400 像素。如果监视器为 1200 像素，则内容块将为 (1200 - (300+300)) 600 像素。