问题标签 [react-native-ui-kitten]

这是我第一次在 StackOverflow 上发帖，所以提前道歉:)

我是 React Native 的新手，并且正在关注 UI Kitten 的运行时主题的本指南，所以我了解它是如何工作的：https ://akveo.github.io/react-native-ui-kitten/docs/guides/runtime-theming#runtime -主题

我手动将 UI Kitten 安装到新创建的 Expo 应用程序（空白、托管工作流）中，并且一直遵循指南没有问题。但是，我被困在“运行时主题”指南上。

我不明白为什么我的自定义主题被UI Kitten 的默认主题覆盖。我使用 Eva 颜色生成器 ( https://colors.eva.design/ ) 创建自定义主题并遵循“品牌”指南，它运行良好。

我没有对指南中的代码进行任何更改。我不确定为了让应用程序使用我的自定义主题，我需要在哪里以及需要更改什么。

任何帮助，将不胜感激！

我正在尝试在我的项目中使用 UI Kitten，但不知道如何在 Expo 上安装 UI Kitten。

错误：

当我键入时，标题中的图像不断闪烁。请问如何在右上角或accessoryRight中停止这种闪烁？我正在使用 UI Kitten UI 库中的这个TopNavigation 组件。我认为这不正常，根本不应该发生。我一定是做错了什么。

https://youtu.be/fQppQn-RzeE（我如何嵌入这个？编辑，提前谢谢你！）

闪烁发生在导航标题的标题和右侧。

我为 TopNavigation 制作了一个单独的组件，然后在各自的屏幕中调用它。

我尝试过的事情：

• 由于 Header 的结果依赖于navigation props，我尝试使用useStateand useEffect（以 navProps 作为依赖项）来保存道具而不是直接从 读取props，但无济于事
• 直接将 jsx 添加到 TopNavigation 的accessoryLeft/Right和title选项中

欢迎任何意见，不胜感激！

顶部导航：

导入示例：

我正在构建一个 RN 应用程序，我最近刚刚学习了 REDUX 并将其应用到我的应用程序中。我的移动应用程序中有购物车功能。在一个屏幕上，用户可以将商品添加到购物车。然后，当他们完成后，他们可以单击购物车图标以查看完整的购物车（新屏幕）。

下面显示的是我的购物车屏幕的代码。

首次打开此屏幕时，购物车中的项目会显示，没有任何错误或警告。当我单击删除按钮时，我可以看到我的 REDUX 状态数组已更新，项目已从中删除。但是随后我的应用程序崩溃并显示以下错误消息。

再往下，我也收到此错误消息

这是我的 REDUX 减速器中的代码

如果有人可以请帮助我了解我在这里缺少什么？

语境

在我的 react-native 应用程序中，我遇到了一个关于名为 css-what 的包的严重漏洞。它显然导致了其他 4 个漏洞，因为它们直接或间接地依赖于 css-what。这是执行后我在控制台上得到的以下输出npm audit

因此，从输出中可以看出，css-what 导致了包的漏洞，react-native-svg并且因为我安装的设计系统ui-kitten依赖于react-native-svg它，因此随后出现了漏洞。

我查看了 css-what 包和可以在此处看到的漏洞。我知道该漏洞的严重性很高，因为它可能导致拒绝服务。

我试过的

我复制了我的项目，因为我知道运行npm audit fix --force会导致我在复制项目上运行该命令时所做的破坏性更改。该应用程序能够构建，但在模拟器上运行时引发错误。（请注意，我是从一个裸的 react-native 项目开发的）。

文档给出的说明是将 css-what 更新到 5.0.1，但我不知道如何去做。因此，我希望有人能够在这方面帮助我。

我注意到当 ApplicationProvider 标签存在时，我的反应原生应用程序启动时间增加到 5 秒以上。我已经按照 UI-Kitten 团队的指南通过配置 metro.config.js 文件来提高性能，但似乎没有帮助。

任何人都可以帮忙吗？

UI Kitten - RangeCalendar 组件不适合手机屏幕宽度。我在文档https://akveo.github.io/react-native-ui-kitten/docs/components/calendar/api#rangecalendar中看不到 width 属性。

如何处理该组件的宽度？

我需要重新渲染一个 DrawerGroup，它是 UI Kitten 的一个反应原生组件，它可以工作，但所有项目都没有显示。

代码很简单：

这是一个代码示例：https ://snack.expo.io/_F9kPIo2Y

如果单击测试按钮，则会显示 Item3 而不是 Item4。

我在我的 react-native 项目中使用 @ui-kitten/components，它是我使用的组件选择

这是我的选择框代码：

我在提交按钮上用于 formik 验证的 setFieldValue 值。

选择任何不顺畅的项目并延迟 5 秒后

我有的

我想要的是按下一个选择组件并在下拉菜单中选择一个项目，但我遇到了一些问题：

1. 如果我尝试使用getByTestId，控制台会出现错误，因为testIDprop 不适用于 Select 组件，并且 testing-library 找不到该元素。

2. 我不能在 Select 呈现的文本元素上使用fireEvent，因为会引发错误： Unable to find node on an unmounted component.

那么使用 Select 组件测试表单的正确方法是什么？

UI小猫和伊娃版