问题标签 [reactxp]

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 投票
0 回答
337 浏览

typescript - RxJS fromEventPattern with React Native events

I'm trying to filter native events in React Native with RxJS. I'm using react-native-ble-manager which exposes an EventEmitter. Basically, without RxJS I'm doing the following (only the relevant code is shown here):

Once I'm connected to my BLE peripheral and I've started data retrieval, the arrow function handleUpdateValueForCharacteristic is called with data. That's working fine.

Now I'd like to use RxJS to filter events, because I could receive up to 200 events per second but I'm only interested in 1/4 of them.

I just can't wrap my head around fromEventPattern usage.

What I've tried so far is the following:

Added some handler function in the class:

In componentDidMount():

But subscribe fails with the following error:

addHandler is not a function.

0 投票
0 回答
48 浏览

typescript - 订阅具有 2 个参数的事件发射器?

我的上下文是 React Native / RxJS / TypeScript

我正在尝试订阅具有 2 个参数的事件发射器。

函数原型是这样的:

... }

当我尝试像下面这样订阅时,代码将无法编译:

错误是:'(error: BleError | null, characteristic: Characteristic | null) => void' 类型的参数不可分配给'(value: any) => void' 类型的参数。

但是,似乎我只能从事件中获得一个论点。

我做了一些研究,发现了这个。这是关于将 2 个参数投影到一个数组中。

我不知道这是否仍然有效,并且似乎无法绕过它来做同样的事情。

0 投票
1 回答
44 浏览

reactxp - 如何在 reactXP 中将图像高度和宽度设置为 100%

我有一个背景图像,我想将高度和宽度设置为 100%。在 ReactXP 中进行的最佳方式是什么。

0 投票
0 回答
378 浏览

android - AAPT2 aapt2-3.4.0 linux 守护进程:守护进程启动失败

我正在尝试在 docker 容器中构建一个 react-native 应用程序。(基于 azul/zulu-openjdk-alpine:8 和 openjdk 8)但是在使用 gradle 构建时出现以下错误:

构建 gradle 和配置是新生成的create-rx-app

0 投票
1 回答
33 浏览

json - 在 ReactXP 中导入 JSON 文件

我有一个奇怪的问题,可能是将 JSON 文件作为对象导入我的应用程序的错误。我有:

查看 s̶o̶u̶r̶c̶e̶ ̶a̶n̶d̶ 源映射 JSON 正在导入,即使我查看调试器: 在此处输入图像描述

但是正如您所看到的,调试器能够看到这个 var/JSON 的内容,而应用程序声称它是未定义的。它可以构建缓存问题吗?我导入 JSON 文件,如:

出于调试目的,我像这样导出它:

编辑:在仔细检查构建整个减速器后,我导入和导出 JSON 被省略,但由于某种原因,一切都在 Source-Maps 中,我目前正在寻找可能的原因。

0 投票
0 回答
621 浏览

typescript - React Native:如何配置 webpack,我应该添加哪个 loader?

我的 React Native 应用程序包含来自 ReactXP 库的视频组件。我的应用程序不包含很多代码,只有 3 个重要文件 -> App.tsx 包含一个 VideoContainer 组件 (VideoContainer.tsx) 和 VideoContainer 包含一个 VideoComponent (VideoComponent.tsx)。我的 VideoComponent 返回 RX.Video 组件。

这是我的问题,当我尝试使用“npm run start:web”在 Web 上启动我的应用程序时,出现以下错误:

所以我在网上查了一下什么是加载器,因为我是 webpack 的初学者,它存在不同的加载器,如文件加载器、url-loader、ts-loader 等......但我不知道我需要哪个添加到我的项目中,我尝试了不同的加载器,但似乎没有一个可以工作。

这是我的初始代码:

应用程序.tsx

VideoContainer.tsx

视频组件.tsx

考虑的解决方案

我修改了我的 VideoContainer.tsx 代码以检查问题是否来自打字稿。所以我只是去掉了我的 VideoComponent 常量的 React.FC 类型。这是新代码:

现在我得到了同样的错误,但位置发生了变化:

现在它是意外标记(5:42),它对应于第二种类型的 VideoProps。所以我认为打字稿有问题,我想我需要添加 ts-loader 但是一旦添加,什么都没有改变。

但我并不完全理解 webpack 是如何工作的。我尝试在我的 web 文件夹中创建一个 webpack.config.js,并且还在 web/webpack 文件夹和根目录中,但没有任何变化。

这是我的webpack.config.js的内容:

这是我的package.json

我的代码有什么问题?

谢谢阅读 :)

0 投票
0 回答
40 浏览

javascript - 如何找到 ReactNative 异常的完整 javascript 堆栈跟踪

我得到如下异常。异常消息是有道理的——但异常并没有说明异常在源代码中发生的位置。(我的代码没有任何document用途,可能在某些依赖项中)

在此处输入图像描述

在这里,我不想解决我当前遇到的问题。我不想盲目地解决这个问题,并希望在将来再次发生时有更好的方法来解决它。

所以我想知道,如何找到带有文件名/行号的 javascript 异常的完整堆栈跟踪?