问题标签 [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 投票
0 回答
201 浏览

react-native - 增加自动完成(UI Kitten 元素)列表区域的大小

如屏幕截图所示,我遇到了 Autocomplete Kitten 元素的 UI 问题。我在文档中搜索(https://akveo.github.io/react-native-ui-kitten/docs/components/autocomplete/api#autocomplete)并尝试增加元素及其子元素的宽度,但是似乎没有任何东西允许仅增加此组件显示的建议列表的区域。有没有办法只增加那个区域而不改变原始输入元素的宽度?也许我错过了一些东西。

我希望从我想要实现的截图中可以清楚地看到

在此处输入图像描述

hp 和 wp 是 react-native-responsive-screen 的函数,但即使指定正常值也只会增加内部区域,而不是区域本身。

renderPhoneCodeOption 函数输出

0 投票
0 回答
51 浏览

javascript - 参数“item”隐式具有“any”类型

我正在开发名为 Autocomplete 的 UI Kitten 组件。

我已经关注了他们的文档,但是由于它是在 React 中而不是 typescript 中,而且我对 typescript 还是很陌生,所以我总是遇到相同的错误“参数'item'隐式具有'any'类型”。

我的代码如下:

我很挣扎,因为如果我声明 item: object,这一切都会崩溃,当我在 filterItem 中将 item 声明为 object 时它实际上说的是什么

0 投票
0 回答
219 浏览

css - 反应原生样式的组件 tintColor 无法正常工作

这很好用(图标为白色且大小正确):

然后,我把元素变成了一个样式组件:

注意:如果我使用内联样式更改 StyledLogo 的颜色,它也不起作用

tint-color 属性现在被完全忽略(图标大小合适,但完全是黑色)。我该如何解决?

0 投票
0 回答
54 浏览

javascript - React Native 需要手动刷新 ctrl+s 才能显示数据

这是日历组件,运行时没有任何显示,但数据可以在控制台日志中。我可以在那里显示数据,我需要按 Ctrl+s 来刷新 expo 'fast refresh' 以在模拟器中显示数据

我在渲染部分加载了逻辑,但问题仍然需要修复

有什么建议么?

按下 Ctrl+s 数据之前的此屏幕已处于状态但未呈现“首次运行”

在这里按下 Ctrl+s 刷新屏幕以显示数据

0 投票
0 回答
67 浏览

reactjs - UI Kitten 和 React Native 无法使用主题道具

我已将 UI Kitten 添加到现有的 React Native 项目中,并且主题似乎在一定程度上可以工作,因为Card当我ApplicationProvider应用 . ,特别是通过withStyles

据我从他们的文档这个线程中可以看出,我当前的设置应该让我为导航器的标题选择自定义背景颜色。导航器功能很好。

他们的文档也给我的印象是,我应该能够eva通过props任何组件访问,因为我已将应用程序包装在 gloabl 提供程序中,但似乎情况并非如此。

App.js 渲染 fn:

DrawerNavigator.js(我有一个 Drawer 和一个 Stack navigator)

MainStackNavigator.js

0 投票
1 回答
76 浏览

reactjs - 映射时如何在本机反应中仅渲染一次同名字段

我有一个领域数据库同步了。该数据库包含具有类别和公司名称的多个产品。有些产品具有相同的公司名称,有些产品具有相同的类别名称,有些产品除了 id 之外的所有内容都相同。我需要做的是制作一个浏览组件,用户可以在其中浏览公司名称。我创建了一个自动完成搜索。搜索应自动完成公司名称显示屏幕中的产品类别。我现在面临的是自动完成搜索多次显示相同的公司名称(对于数据库中的每个产品)。此外,我只需要渲染一次具有相同名称的类别。

浏览屏幕

这是我的数据库架构:

浏览屏幕:

0 投票
1 回答
12 浏览

react-native-ui-kitten - UI 小猫日历未来年份已禁用

有谁明白为什么UI 小猫日历组件仅在当年启用?现在是 2021 年,当我尝试在“简单用法”的演示实时视图中选择未来或过去几年中的一天时,它们被禁用..

0 投票
1 回答
21 浏览

react-native - 是否可以使用 UI Kitten + React Native 实现 Roboto Medium-500 粗细字体构建应用程序?

开发人员告诉我,只能实现 Regular 400 和 Bold 700。有人可以确认一下吗?谢谢!

0 投票
0 回答
16 浏览

react-native - 如何使用 ui kitten 卸载非活动屏幕

我使用 react-navigation 进行 react-native 和 ui kitten 进行底部导航。有没有一个选项可以让非活动标签屏幕像 unmountOnBlur 一样通过反应导航卸载?我找不到像 unmountOnBlur 用于 ui 小猫底部导航的东西。

我在 BottomTabNavigator 中有两个 stacknavigator,我想自动卸载它们。

底部标签导航器

  • 堆栈1

  • 屏幕

  • 屏幕

  • 堆栈2

  • 屏幕

  • 屏幕

0 投票
1 回答
22 浏览

react-native - UI Kitten 和 initialRouteName

我正在尝试设置一个特定的选项卡来启动应用程序。UI kitten 的导航,从第一个选项卡开始,实际上我希望位于第二个位置的选项卡首先出现在用户面前。我找不到如何在 UI 小猫底部标签栏中设置 initialRoute。我发布了一些代码,以便清楚:

我尝试过多个职位,但似乎没有用。