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

reactjs - 不要在 React Native 中显示内容

下面是我的代码: 在此处输入图像描述

我集成了 react-native-ui-kitten。我运行 UI Kitten 的示例应用程序就可以了。但是当我在我的应用程序中实现(带有所有示例)时,它不会显示也不显示数据。 在此处输入图像描述

我正在使用来自 UI Kitten 的相同数据,但在我的应用程序中它不显示数据。空白的。

如何显示数据?(我从 UI Kitten 实现 Feed 样式)。

0 投票
1 回答
407 浏览

javascript - onValueChange 不适用于现有组件

我正在使用 react-native-ui-kitten 中的 RkSwitch 组件。该软件包只是我可以使用的一堆 ui 组件。

开发人员不再支持该组件,并且我的 RkSwitch 组件无法按预期工作。

我的问题是RkSwitch's onValueChange 没有做任何事情。

android <- 的渲染功能不起作用。(问题

iOS 的渲染功能<- 尚未测试,但我认为它应该可以工作。

我打电话给 RkSwitch。由于 RkSwitch 是 react native 的封装类 <Animated.View>,所以不能传递 onValueChange。

这是 RkSwitch 的实际代码。(这是安卓版本)。 文档链接

似乎他们正在处理 onValueChange 道具,但它不起作用。有没有好的 Javascript 或 React 专家???

0 投票
1 回答
252 浏览

react-native - 小猫 UI 网络图库

我是 C# 中一个新的但很好的程序员。然而,我正在努力学习 React 世界。对我来说看起来不错。我正在尝试使用 react-native-ui-kitten 插件的 RkGallery 组件。

简单的使用示例:

那么问题来了。我试图在这个组件上实现简单的网络图像。喜欢

也不

然而我无法实现它。任何人都可以帮助我吗?

0 投票
1 回答
3386 浏览

javascript - 未定义不是对象(评估“this.state.username”)

我是 React Native 的新手,刚开始学习它。我想使用 React Native 构建 Android 应用程序。

现在,我有一个基本的登录表单,它将向服务器发送获取请求并显示用户是否被授权。

但是当我尝试提醒输入字段的值时,它会抛出错误“未定义不是对象”

我在这里指的是官方文档,此代码有效。我也在这里尝试过基本的反应形式。我正在使用UI 小猫文本输入作为输入,我也使用了本机反应 TextInput,它给出了同样的错误。

我目前的代码是:

请告诉我我在哪里无法理解工作。或者我的代码有问题。提前致谢。

0 投票
1 回答
3494 浏览

reactjs - 使用 react native ui kitten 为 React Native 设置主题

我正在尝试使用 react-native-ui-kitten 来反应原生组件并且它的工作很好。最近我想在我的应用程序中添加主题,为此我使用了他们的“RkTheme”和“RkType”,但没有一个有效。

期望 - 使用 RkTheme.setTheme(themeJson) 设置主题应该改变已经呈现在屏幕上的元素的样式

实际 - 使用 RkTheme.setTheme(themeJson) 设置主题不会改变已渲染组件的样式。

下面是包json的一部分

},

反应组件的示例代码

0 投票
1 回答
1279 浏览

react-native - 带有多行文本的 react-native-ui-kitten 按钮

我使用 react-native-ui-kitten 库:https ://akveo.github.io/react-native-ui-kitten/#/docs/ui-components/rkbutton 。并想RkButton将我的长文本包装成几行。但不知道该怎么做。

目前这个:

显示如下: 文本未换行

我希望它将文本包装到下一行。

这是演示小吃:https ://snack.expo.io/HkMDcBpd4 。

有什么想法吗?

问候,

0 投票
1 回答
294 浏览

reactjs - React Native 元外观崩溃

我对 React Native 很陌生,但我已经成功地制作了一个小应用程序,它只包含 2 个使用react-navigation库的不同屏幕。

我的问题是,当我尝试使用 UI 库 UI-Kitten 时,我的应用程序无法加载。我很肯定图书馆没有任何问题,而是我的代码有问题。

这是我的 App.js:

这会在尝试启动时输出此错误: https ://pastebin.com/ygWFcgD0 (长)

感谢您对此问题的任何帮助或意见!

0 投票
2 回答
1507 浏览

react-native - 如何在 react-native 中配置 App.js 以使用 React-native-ui-kitten?

我是 react-native 的新手,我正在尝试使用该react-native-ui-kitten库。问题是文档并没有真正的帮助。

我已经安装ui-kitten并使用命令指示的主题:npm i react-native-ui-kitten @eva-design/eva

该文档要求配置我认为是App.js文件的应用程序根目录,除非我错了。

所以我将App.js生成的代码更改为:

不幸的是,它不起作用。

有人最近用过ui-kitten图书馆吗?

Application Root 的文档是什么意思以及如何设置一个简单的 react-native 项目来使用react-native-ui-kitten

是的,我实际上检查了文档,但也许有些事情我做得不对。

0 投票
1 回答
3224 浏览

javascript - React Native + Icons:警告:失败的道具类型:提供给ForwardRef(文本)的无效道具.style键tintColor

在带有底部导航选项卡的基本 react-native 应用程序中,

显示错误信息

警告:道具类型失败:提供给 `ForwardRef(Text)` 的 props.style 键 `tintColor` 无效。

但是,如果我们要删除Icon元素,那么

工作正常。

问题:是什么原因造成的,我们该如何解决?

使用

完整代码

0 投票
1 回答
1722 浏览

javascript - React-Native Tab Bar:移除水平线(React Native UI Kitten + React Navigation)

使用react-native-ui-kitten组件BottomNavigationBottomNavigationTab在我在 iPhone 上运行的应用程序(expo v2.21.2react-native v0.57.1​​ )中,当前选定的顶部有一条水平线,BottomNavigationTab其中包含标题和图标。

从我的应用程序:

测试 B选项卡被选中,并且在图标上方有不需要的水平线。

在此处输入图像描述

从文档:

BottomNavigation文档显示,当同时定义标题和图标时,所选选项卡上没有水平线。但这对我来说不是这样。

在此处输入图像描述

问题:如何去除水平线?

我的代码: