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

目前我正在使用 jest 对 react native 应用程序（expo CLI）进行单元测试，但是在测试渲染时，当我从 react-native 导入任何组件时，它完全没问题，但如果我从其他（例如 react-native-ui -小猫）。会有如下图所示的错误。有人可以帮助我提前谢谢！

这是我用 react-native 组件做快照的时候

当我做存在小猫 UI 组件的快照时

我在 package.json 中配置了“transformIgnorePatterns”但不工作

我的 package.json

我的 jest.config.js

我的 babel.config.js

有没有人设法让https://akveo.github.io/react-native-ui-kitten/与 Expo 合作？我为 Expo 安装了 react-native-svg，但在启动应用程序时收到以下错误消息。有什么问题？

更新

我解决了这个，不记得怎么解决的。但过了一段时间，我改用了react-native-paper。

更新 2 这是我的package.json. 它正在工作，我希望它可以帮助其他人。

在 react-native ui kitten Button 中，当我想设置关于加载的条件以显示 Spinner 图标时，当图标道具返回 null 或 false 时它不起作用

代码图片

当图标存在时，它会像这样显示，所以它对我有好处 应用程序响应的图像

但是当响应为假时，我给出了一个错误，我希望它不是错误:'(

错误图片

我已经为我的 react native 项目导入了 ui-kitten。我正在关注文档并注意到它们具有修改主题的功能。在我的 App.js 中，我还声明了导航器以及提供程序。如何使我的应用程序中的屏幕/组件可以访问themein的值？<ApplicationProvider theme={theme}>

我已经尝试过创建一个 ThemeContext：

我已经将它添加到我的 Jest 配置中并且没有看到任何变化，我的应用程序默认情况下应该使用 babel，因为它是由安装的 expo 制作的。

我需要一些关于在默认和 onFocus 状态下创建自定义输入样式的帮助。

但是，在我的情况下，这些方法都不起作用。我尝试过其他 InputProps，例如 focus、onTextFieldFocus、onTextFieldBlur……可能我不知道如何使用它们。

这也是来自 ts => 的错误

属性 'onMouseEnter' 不存在于类型'IntrinsicAttributes & IntrinsicClassAttributes> & Readonly<...> & Readonly<...>'.ts(2322)

任何帮助都将不胜感激。

捆绑失败：错误：无法./style/styleConsumer.component从以下位置解析模块node_modules\@ui-kitten\components\theme\index.js：

将 Ui Kitten 从4.3.1升级到4.4.0后出现此错误

详细日志如下：

截屏

如何解决这个问题？

大家早上好，

我在使用 expo 和 ui-kitten 时遇到问题。我非常熟悉 react-native-element 作为 react native 的 UI 库。但是我发现 ui-kitten 在 react-native、expo 中具有一些令人惊叹的主题和样式功能，我按照这个链接 https://github.com/akveo/react-native-ui-kitten解释了 https:// justinnoel.dev/2019/12/21/create-universal-react-native-apps-using-expo-for-web-and-ui-kitten。

在应用程序的目录中，我有常规的 expo 文件夹和 ui-kitten 组件所依赖的另一个文件夹 src。但是当尝试使用 ui-kitten 词汇表设计我的应用程序时，我被要求安装节点模块内的组件使用的@react-native-community/react-device-info。当我在应用程序中使用 DateFns 来解析和格式化日期时，就会出现问题。安装 @ui-kitten/date-fns 最终会出现此错误“错误 @react-native-community/react-device-info : NativeModule.RNDevice is null”。我通过堆栈跟踪尝试了建议的步骤：

1. 如果我的 react native 版本 <=0.59，则将 react-device-info 链接到 react-native，但我的是 0.61.4
2. 如果我使用可可豆荚，则安装豆荚，但我不是。
3. 重建并重新运行（我使用相同的步骤重建并重新运行并得到相同的结果）。画面在这里

那么我该如何解决这个错误，在我看来，这个错误是来自 expo 的依赖项还是来自 ui-kitten 模块中的错误，或者两者之间的冲突。任何帮助都感激不尽 ！

• 这是我的背景：

  • 主要目标是使用 ui-kitten 和 expo 功能
  • 我在 android 模拟器上运行应用程序
  • 安装 date-fns 后问题开始出现。expo 是否无法从设备检索本机数据，例如日期时间或日历？如何解决。

  提前致谢。

假设你有一个按钮并且按钮的大小是完美的，但是文本大小与按钮的大小不匹配。

我应该如何增加按钮文本的大小。在它说要使用的文档中，StyleProp<TextStyle>我一直在尝试使用它，但我觉得我缺乏正确的理解。

正确方向的一点将不胜感激。

我有以下代码，现在renderProductItem用 fixed 呈现products。我希望在屏幕加载时呈现列表。因此，当屏幕加载时，它应该调用 API 并根据 API 响应呈现列表。

我看到了使用state类似https://github.com/vikrantnegi/react-native-searchable-flatlist/blob/master/src/SearchableList.js之类的解决方案，但问题是当我创建constructer它时没有在屏幕加载时被调用。所以我不确定如何state在我的情况下使用。

一旦响应可用，我无法弄清楚如何在屏幕加载和渲染列表上调用 API。