问题标签 [react-native-component]

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 回答
109 浏览

android - 使用 react-native-maps 组件打开屏幕时 Expo 独立应用程序崩溃

我正在开发一个使用 react-native-maps 的 Expo 应用程序。当我在 Expo Client 中打开该应用程序时,它工作得非常好。但是每次我打开包含 react-native-maps 的屏幕时,独立应用程序的 android“APK”版本都会重新加载。

我为 react-native-maps 做了以下设置:

  1. 在我的 Google Cloud 中启用“Maps SDK for Android”。
  2. 创建了一个新的 API 凭据并将其限制为 android 应用程序,并包括我的应用程序指纹,就像https://docs.expo.io/versions/latest/sdk/map-view中的步骤一样。
  3. 复制 API 密钥并将其添加到app.json文件中。

我还尝试将应用程序限制更改为NoneGoogle API 凭据设置,以防万一我的设置不正确并且我无法获得正确的正确应用程序指纹。但这也没有用。

另一个可能与问题有关的提示,我也在使用 Expo Notifications Services。如果我使用 Expo Client 运行应用程序,我可以毫无问题地向应用程序发送通知。但如果我构建一个独立的 APK,并使用 expo 通知工具发送通知,我会收到此错误:

InvalidCredentials:无法通过 FCM 服务器进行身份验证。确保您上传的 FCM 服务器密钥正确。

虽然我google-services.json在我的应用程序根目录中添加了文件。并做了这个命令:

expo push:android:upload --api-key <your-token-here>

我正在使用Expo: ~39.0.2托管工作流。

0 投票
1 回答
368 浏览

javascript - 如何在 React Native 中转发其 ref 的组件中使用 Ref

我有一个反应本机自定义输入组件,并且我成功地将其 ref 转发到父组件。现在,我还想参考孩子本身的输入,我该怎么做?

0 投票
1 回答
41 浏览

react-native - 如何在 React Native 中添加屏幕切换器组件

作为应用程序开发领域的新手,我实际上不知道这个 UI 组件的名称1

该组件基本上充当两个屏幕之间的切换器,单击时显示Explore屏幕,Explore单击时显示My Community屏幕My Community

有人请帮助我知道如何调用这个组件以及需要使用哪个 npm 包来部署它。

提前致谢!!!

0 投票
1 回答
251 浏览

react-native - 将片段移动到组件后,React Native Datatable 不显示

我创建了以下组件。React Native Paper Datatable 行在将其移动到组件并将其链接到 json 循环后未显示。

如果我们注释“并取消注释下面的注释块,您将看到数据表正在显示。我的两个组件做错了什么?我已经完成了所有 console.log。所有数据都正确显示,但 JSX 元素没有呈现数据表内。

我在 Snack 上创建了以下代码:https ://snack.expo.dev/@everestster/datatable-component

任何帮助将不胜感激。

0 投票
0 回答
13 浏览

react-native - 子数据长度改变时组件状态抛出错误

我为以下 JSON 创建了名为 ListItems 的组件。该组件在区域和郊区数据之间共享。

如果我选择 Region 1 和 Region 2(都有两个郊区),它工作正常。但是,一旦我选择了拥有 10 个郊区的 Region 3,它就会抛出 undefined is not an object (evalating 'arrs[index].isChecked') 错误。当我执行 console.log(arrs) 时,它会保持先前选择的区域的状态。当区域选择发生变化时,如何重置状态 arrs?它保持旧状态的数组长度。

我在这里创建了小吃:https ://snack.expo.dev/@everestster/listitem-component

任何帮助将不胜感激。

0 投票
1 回答
437 浏览

java - 适用于 Android 的 Google Maps SDK:平滑地将相机动画到新位置,沿途渲染所有图块

背景

之前似乎已经在 SO 上提出了许多类似的问题(最值得注意的是android google maps 在使用 GoogleMap.AnimateCamera() 时未加载地图以及如何在 Android 中顺利平移 GoogleMap?),但没有一个答案或评论自始至终发布这些线程让我对如何做到这一点有了一个坚定的想法。

我最初认为它会像调用一样简单,animateCamera(CameraUpdateFactory.newLatLng(), duration, callback)但就像上面第一个链接的 OP 一样,我得到的只是一个灰色或非常模糊的地图,直到动画完成,即使我把它放慢到几十秒长!

我设法找到并实现了这个帮助程序类,它可以很好地允许瓷砖沿途渲染,但即使延迟为 0,每个动画之间也存在明显的延迟。

代码

好的,是时候写一些代码了。这是(稍作修改的)助手类:

以及我实现它的代码:

问题

有没有更好的方法来完成这个看似简单的任务?我在想也许我需要将我的动画移动到工作线程或其他东西;那会有帮助吗?

感谢阅读(我知道这是一个努力:P)!

2021 年 9 月 30 日更新

我已经根据 Andy 在评论中的建议更新了上面的代码,虽然它可以工作(尽管有相同的滞后和渲染问题),但最终的算法需要更复杂一些,因为我想缩小到纵向三角洲的中途点,然后随着旅程的继续返回。

一次完成所有这些计算,同时平滑地渲染所有必要的图块,对于我正在测试的廉价手机来说似乎太过分了。或者这是 API 本身的限制?无论如何,我怎样才能让所有这些工作顺利进行,而队列动画之间没有任何延迟?

0 投票
0 回答
40 浏览

react-native - react-native 中带有 Ref 的自定义 TextInput 组件

我在 react-native 有问题。

我的应用程序有许多屏幕和表单。我需要为这种风格创建 TextInput 组件并将程序保持在干净的代码中。

这是我的 TextInput 组件:

但是,在 LoginScreen 我有两个文件:电话号码和密码我需要电话号码 TextInput,有下一步按钮和设置属性:

在登录屏幕中,当我使用 Ref 创建 ref 密码字段时,它无法正常工作!我创建的 Ref 不是问题。因为当我删除 CustomTextInput 组件时它可以正常工作。但我需要使用表单组件。

如果您对此有所了解,请指导我。谢谢

0 投票
1 回答
21 浏览

java - React Native java模块NativeEventEmitter没有发出事件

我正在将以下模块转换为 Java:https ://github.com/dehy/react-native-radio-player

所以我在我的仓库中创建了一个新模块。但我无法从 ExoPlayer 接收事件。https://github.com/arbel03/react-radio-app/tree/b3d0aa332249840fdc3616ff11d9e07f2e7f18e0

安卓端:

反应方面:

在 componentDidMount 内部调用了 initializePlayer(事实上,我之所以调用 useEffect 是因为我选择实现一个功能组件)

这是我按下播放时正在打印的内容:

这是 LogCat 的输出:

有一行说“发送事件 StateDidChange”,我在 sendEvent 中记录。但是“收到事件!!” 根本没有打印出来。事件没有到达目的地。

0 投票
0 回答
7 浏览

react-native - 如何创建 UI 工具包 react 原生库

我创建了一个 react native 项目,我想将我的 UI 组件保存在一个单独的库中以实现可重用性。我在文档中创建了此处提到的库,但没有找到关于 package.json、示例文件夹以及 react-native 库如何工作的适当指导

0 投票
1 回答
35 浏览

react-native - 如何在 React Native 中的一个圆圈上的一个或多个指定位置填充进度

我如何在循环进度上分配一个或多个进度,如下所示我正在使用库 react-native-circular-progress

当前的: 在此处输入图像描述

预计: 在此处输入图像描述

谢谢大家!