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

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 投票
1 回答
256 浏览

react-native-ui-kitten - 无法启动 UI 小猫

我正在尝试将 UI Kitten 合并到现有应用程序中。我按照https://akveo.github.io/react-native-ui-kitten/docs/guides/getting-started#ne ​​w-apps 概述的说明进行操作,但收到以下错误。您能否提一些建议?

我还尝试按照上述超链接中的说明在全新的应用程序中运行 UI Kitten。我输入 npm run android,并收到以下错误。按照建议清除守望者手表并不能解决问题。我是否需要安装 yarn 才能使用 UI Kitten?我更喜欢在没有 Yarn 的情况下使用 Expo,因为我发现 Yarn 在 android 模拟器上非常有问题(无法在模拟器上正确打开)。 在此处输入图像描述

谢谢你的帮助!

0 投票
0 回答
387 浏览

javascript - React native - 堆栈导航器边距内的 UI Kitten Children

我对 stacknavigator 子级的边距有疑问。当屏幕位于 stacknavigator 内时,其中的所有组件都有一个边距。我使用 UI Kitten 组件。

内部堆栈导航器

而当屏幕不在里面时,一切正常。

不在堆栈导航器内

应用程序.js

InfoTurnoScreen.js

0 投票
1 回答
1519 浏览

typescript - 当 UI Kitten 想要在 React Native 项目中使用字体时,不会加载字体

我在一个项目中使用UI Kitten库。 我创建了一个和一个文件,如下所示:React NativeTypescript
mapping.jsonreact-native.config.js

  • mapping.json

    /li>
  • react-native.config.js:

    /li>

我的自定义字体位于assets/fonts文件夹下,我已经执行了npx react-native link命令。

我收到以下错误消息: 在此处输入图像描述

如果我单击Dismiss应用程序正常工作,我认为只有在应用程序启动时才加载字体。

我尝试在我的 中加载这样的字体App.tsx,但没有帮助:

我也得到了一个Property 'components' is missing in type ...customMapping={mapping}不知道这是否与这个问题有关。
我已经查看了与此相关的所有 SO 问题和 github 问题,没有任何帮助。
我也跑了expo r -c,删除node_modules了又跑yarn install了,没有任何帮助,我很迷茫。

0 投票
0 回答
619 浏览

react-native - 如何在不触及主题的情况下在 React Hook Form Controller 中使用它时更改 UI Kitten React Native Datepicker 背景和边框颜色?

我正在尝试在不触及全局主题的情况下更改 UI Kitten Datepicker 的背景和边框颜色的颜色。我还在 React Hook Form Controller 中使用 Datepicker,它似乎不像 Datepicker,但是,到目前为止,Datepicker 中的所有其他功能都在其中工作。

到目前为止,使用带有背景样式和样式的 StyleSheet 组件都没有运气。

到目前为止我所拥有的:

0 投票
2 回答
1541 浏览

react-native - UI Kitten - 列表组件 - 如何获取所选项目

我正在使用 UI Kitten UI 工具包构建 React-Native CLI 应用程序。在我的渲染中,我有以下列表。

我有这些用于列表项和 onPress 事件的方法。

当 typeSelected 方法被触发时,item.Id 为 null,但 item 是一个拥有如此多数据的巨型对象,但我在其中的任何地方都找不到我的 item 数据?

我对 Kitten 库很陌生,我对 TypeScript 了解不多。我也没有在 RN 应用程序中使用 TypeScript,所以我正在努力弄清楚如何在这里使用它。

0 投票
1 回答
1117 浏览

react-native - UI Kitten - Modal - 如何设置样式和设置大小、颜色等?

我很想在我的应用程序中实现 UI Kitten 模式。我的模态工作得很好。我在设置模态框的长​​度、大小和颜色时遇到的问题。

我将此 CSS 样式传递给模态 ViewProps。

无论我在这个 CSS 中传递什么,它都不会影响模态框的样式或大小。我究竟做错了什么?

0 投票
1 回答
637 浏览

react-native-ui-kitten - 选择时如何更改底部标签导航图标的颜色?

当我选择一个选项卡时,选项卡的名称会改变颜色。我也想了解如何更改图标颜色。

0 投票
1 回答
4758 浏览

react-native - MobX 可观察更改不更新组件

我在 MobX 中有一个商店,它处理包含购物车,并向其中添加物品。但是,当该数据更新时,组件不会重新渲染以适应更改。我尝试使用useEffect来设置总价,但是当cartData更改时,状态不会更新。不过,它确实适用于安装。

在另一个组件中,我调用addItemToCart了 ,console.warn 函数返回了正确的数据——但该数据似乎没有同步到组件。clearCart似乎也不起作用。

我的商店包含在一个 RootStore 中。

0 投票
1 回答
516 浏览

react-native - 如何为 ui-kitten 的卡片标题提供道具

我正在尝试在一个简单的测试应用程序中使用 ui-kitten 框架,但有些概念我认为我还不明白。我是 JS / React-native 的新手,这是我的第一个应用程序

在这个例子中,有人可以向我解释如何给 Header 一个道具吗?CardWithHeader- 示例

为什么<View {...props}>似乎有休息参数?

感谢您的帮助

0 投票
0 回答
142 浏览

ios - Prevent Hiding Keyboard when Using Autocomplete

Here is my code:

When I focus on the Autocomplete and then tap one of the AutocompleteItems, the keyboard is dismissed instead of selecting the AutocompleteItem. I have to tap again in order for it to be selected, which is poor user experience. What I want is for tapping one of the AutocompleteItems to select it, with or without hiding the keyboard in the process.

After experimenting, I found that if I didn't have any AutocompleteItems, then the keyboard stops hiding. Thus, I figured that the problem was the AutocompleteItem element. I tried surrounding it with another ScrollView, which didn't work.