问题标签 [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 回答
39 浏览

react-native - 在 DatePicker(UI Kitten)中过滤天数数组(例如:“Monday”)

我有很多天 ["Monday", "Thursday", "Sunday"] 我想禁用其余的日子。我如何在 DatePicker UI-kitten 中管理它?

0 投票
1 回答
189 浏览

reactjs - FlatList 内的 FlatList 不滚动

小吃:https ://snack.expo.io/@mr3mo/snack-flatlist

我正在尝试渲染一个屏幕,它将显示各种图表和一个或多个表格。屏幕需要可滚动。

我之前使用 ScrollView 作为父滚动,但这给了我一个警告,因为由于性能原因,将 FlatLists 包含在 ScrollView 中并不是一个好习惯。

所以我创建了这个 VirtualizedView,它是一个 FlatList,我的屏幕的所有组件都在 ListHeaderComponent 中呈现。

不幸的是,这导致我的孩子 FlatList 无法滚动。

我尝试了很多事情,包括设置 maxHeight、flexGrow 等,但运气不佳。

任何帮助,将不胜感激。谢谢

0 投票
0 回答
22 浏览

react-native-ui-kitten - 如何为复选框或任何其他组件赋予特定颜色?

我想使用自定义颜色而不是使用默认主题系统。

我在我的应用程序中添加了一个复选框,但如何更改它的颜色?

0 投票
0 回答
147 浏览

javascript - React-Native UI-Kitten Modal 每次都会触发“在现有状态转换期间更新”警告

我最近开始在 react-native 中编码,经过几年的“正常”ReactJS 用于网络,所以我正在使用我一直使用的相同“技术”,但它似乎不起作用一样的方法。

我有这个模式,从 UI-Kitten 5 导入:

首先,我非常喜欢 Class Components,可能是因为我从 0.xx 版本开始就使用 React。我仍然使用这些是错的吗?但真正的问题是,当我更改this.state.deviceFoundVisible的状态时,模式会出现,但总是会触发警告:

当找到 BLE 设备时,该值会更新,这是由 Promises 完成的。承诺的异步性质是否触发了这一点?

提前致谢!

0 投票
1 回答
413 浏览

react-native - UI Kitten 中的 Top Navigation 组件如何在 React Native Stack Navigator 中用作自定义标题

我有一个使用 UI Kitten“顶部导航”组件设计的自定义标题组件(下面的示例链接)我想将其用作主页上的标题,而不是 Stack Navigator 提供的标题

https://akveo.github.io/react-native-ui-kitten/docs/components/top-navigation/overview#topnavigationaction

假设使用调用AppHeader的自定义“顶部导航”组件NotificationScreen

0 投票
0 回答
56 浏览

reactjs - UI-Kitten 导航组件中 useStyleSheet 挂钩的无效挂钩调用错误

尝试将一些自定义样式应用于 UI-Kitten 底部标签栏并获得“无效的挂钩调用”错误。

  • 它是一个功能组件。
  • 我不认为我有多个反应实例。npm ls react只显示一个实例。
  • 我在同一个应用程序的不同组件上使用这个相同的钩子没有问题。
  • 整个应用程序中的其他钩子用法也很好。

对我来说,钩子似乎没有违反任何规则。有什么想法吗?

0 投票
1 回答
460 浏览

react-native - 世博会应用程序加载特定自定义字体权重的问题

我已经创建了一个react-native/typescript应用程序expo CLI,这会生成一些基本代码,包括hooks/useCachedResources在渲染应用程序之前加载我们需要的任何资源或数据,在我的情况下,在这个钩子中我加载自定义字体(特别是Inter Display Font)。我正在尝试一些问题,因为该应用程序仅加载两个权重:regular and medium,如果我尝试使用semi-boldbold这不起作用并使用默认提供的 san serif 字体。

附加数据:

  1. 字体路径没问题
  2. Expo 应用程序没有显示任何错误。我在其他问题中看到过错误,例如fontFamily "MyFontFamily" is not a system font and has not been loaded through Font.loadAsync.This is not the case。
  3. 字体系列名称的格式正确。
  4. 我正在使用React Native UI Kitten,并按照它们的建议加载字体Advanced Configuration并更改一些特定的样式。
  5. 根据一些答案,Android 上对自定义字体的开箱即用支持在 React Native 中受到了一些限制。它不支持正常和粗体以外的字体粗细。所以我尝试设置fontWeight: normal或任何权重,但没有任何效果。

useCachedResources 挂钩

这默认带有expo init my-app.

使用 App.tsx 中的钩子

mapping.json:用于更改字体样式的特定 UI-Kitten 配置

我可以认为问题出在此处,但问题是,如果加载字体时出现问题,要么 expo 已经抛出错误,要么其他字体权重(常规/中等)不会加载。

问题

我不知道问题是否来自expoui kitten或者是否inter由于其他原因无法通过 react native 加载字体。

0 投票
0 回答
178 浏览

react-native - 如何在ui-kitten react native中获取当前主题,即当前主题是深色还是浅色?

我正在尝试根据当前主题更改我的本机应用程序的背景颜色,即,无论是深色还是浅色。

这是我的代码:

const SignUp = ({navigation}) => {

在这里,我想根据当前主题是深色还是浅色来更改背景,但我无法获取它。

0 投票
1 回答
354 浏览

javascript - 如何在选择选项 UI 小猫中显示实际值和原始选项 ID?

我正在从 API 获取数据以显示在 UI Kitten 的 Select 组件中显示的选项

数据格式是这样的

它在下拉列表中显示数据,但在选择它后显示option1, option 2等,但我想显示原始数据,onselect我想获取所选选项的原始 id,因为默认情况下它采用的索引从0

我用过

我正在这样显示我的数据

知道怎么做吗?我试过文件,不清楚如何处理动态数据

提前致谢

0 投票
1 回答
45 浏览

react-native - UI Kitten 功能组件 - 道具未定义

我正在使用 UI Kitten 开发一个反应原生的移动应用程序。我对本机和 UI 小猫都还很陌生,所以我只使用普通的 Javascript 模板和 Typescript 模板。

我有一个功能组件屏幕,如下所示。这个屏幕工作得很好。今天我开始了 REDUX 的实现。

在这个屏幕中,我使用 useEffect 挂钩从我的 API 获取数据

在这行代码上:

我不断收到此错误:

[未处理的承诺拒绝:TypeError:未定义不是对象(评估'props.getAllServices')]在node_modules\regenerator-runtime\runtime.js:63:36 in tryCatch at node_modules\regenerator-runtime\runtime.js:293: 29 在调用中

任何时候我在这里尝试在代码中使用“道具”。我遇到错误。如何获得此屏幕上的道具?

我尝试更改屏幕,如下所示,但这也不起作用!