问题标签 [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.
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.
typescript - 订阅具有 2 个参数的事件发射器?
我的上下文是 React Native / RxJS / TypeScript
我正在尝试订阅具有 2 个参数的事件发射器。
函数原型是这样的:
... }
当我尝试像下面这样订阅时,代码将无法编译:
错误是:'(error: BleError | null, characteristic: Characteristic | null) => void' 类型的参数不可分配给'(value: any) => void' 类型的参数。
但是,似乎我只能从事件中获得一个论点。
我做了一些研究,发现了这个。这是关于将 2 个参数投影到一个数组中。
我不知道这是否仍然有效,并且似乎无法绕过它来做同样的事情。
reactxp - 如何在 reactXP 中将图像高度和宽度设置为 100%
我有一个背景图像,我想将高度和宽度设置为 100%。在 ReactXP 中进行的最佳方式是什么。
android - AAPT2 aapt2-3.4.0 linux 守护进程:守护进程启动失败
我正在尝试在 docker 容器中构建一个 react-native 应用程序。(基于 azul/zulu-openjdk-alpine:8 和 openjdk 8)但是在使用 gradle 构建时出现以下错误:
构建 gradle 和配置是新生成的create-rx-app
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:
我的代码有什么问题?
谢谢阅读 :)