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

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 回答
928 浏览

android - ReactPropGroup 的示例

我正在为我的项目实现一个新的本机 UI 组件。出于某种原因,我需要使用一种方法同时设置 2 个属性。通过使用ReactProp,我只能设置一个这样的属性:

但是,如果我想设置例如srcpassword属性,我不能使用ReactProp注释。

我检查了https://facebook.github.io/react-native/docs/native-components-android#imageview-example并发现ReactPropGroup注释可能对我有帮助。但是没有关于如何使用它的示例。你能提供一个例子或其他解决方案来解决我的问题吗?

0 投票
1 回答
62 浏览

react-native - 如何使用本机反应创建这样的自定义列表视图?

我是 React Native 开发的新手。我尝试使用 react native 重新创建以下列表视图,但失败了。我只想知道我们是否可以使用 react native 或此列表视图类型的名称重新创建以下 UI 设计。

谢谢你。

在此处输入图像描述

0 投票
1 回答
1529 浏览

java - 如何将数组放在 ReactNative 桥中的 WritableMap 对象上

为了与 Android 与 ReactNative 通信,我使用RCTEventEmitter. 使用它我需要将数组解析到 RN 端,并且这个数组应该设置在WritableMap对象上。在WritableMap对象上可以放 Array 如下图,

如何创建和添加数据ReadableArray

0 投票
1 回答
1476 浏览

react-native - React Native 中的信用卡/借记卡自定义输入字段

在此处输入图像描述

我想创建 inputText 来输入信用卡号。我可以使用 16 种不同的方法来实现这一点,但是如果没有任何 npm 库我可以实现它,还有其他方法吗?另外如何突出显示光标

0 投票
1 回答
755 浏览

react-native - 在 React Native 中使用登录/注册选项卡创建卡片

嗨我想创建一个带有登录和注册选项卡的卡片,我正在使用反应原生元素,但不知道如何在卡片中添加选项卡,这是我想要的图像我想实现的东西

0 投票
0 回答
38 浏览

javascript - 反应原生的自定义动态表?

我正在处理动态自定义表格,需要更改表格标题及其相应的数据。

数据结构

我从左侧有五个链接作为菜单。基于五个链接,表头将更改

0 投票
0 回答
50 浏览

react-native - 你可以在 flatlist 中多次使用自定义的原生 UI 组件和不同的数据吗?

我有一个平面列表,我想让每个项目使用相同的自定义 UI 组件(本机 iOS 代码),但在视图的标签上使用不同的数据(使用道具传递)。当我运行它时,它会遍历并将每个组件放在另一个组件之上,并且只使用给定的最后一组数据(因此每个视图都有相同的数据)。如果我只有一项,它可以正常工作,但我似乎无法多次使用自定义 UI 组件。我注意到首先创建了 2 个视图,然后加载了道具。如果创建了多个实例,它如何知道哪个视图获取了哪些数据?在移动到下一个视图和数据之前,如何让它一次使用其数据创建 1 个视图?

我的 App.js 文件

}

我的 HtmlRenderViewManager.swift 文件

道具通过 HtmlRenderViewManager.m 传递

这是 HtmlRenderViewManager.swift 文件

结果:在此处输入图像描述

0 投票
1 回答
354 浏览

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

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

数据格式是这样的

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

我用过

我正在这样显示我的数据

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

提前致谢

0 投票
0 回答
122 浏览

react-native - 在 simpleViewManager 中为 React Native 原生 UI 组件实现一个活动

我目前正在尝试为 React Native 创建本地库。我的 React Native 应用程序在旧设备上的指南针动画确实很吃力,因此我试图将这部分移至本机,以便在 Android 上获得更好的性能。

这是我第一次尝试构建原生组件,我还没有找到一个很好的信息源来解释我正在尝试做的事情。

原生 android 组件的 React Native 文档将我指向一个带有 SimpleViewManager 的 java 类,这个类可以设置视图及其属性。我正在努力解决的问题是在这个视图中实现一个 compassActivity 。最终目标是在 React Native 中导入一个 API,该 API 可以同时处理设备的航向信息和指南针动画。我的第一种方法是在 createViewInstance 中返回 CompassActivity,但这会导致很多错误。

这是我的视图管理器:

CompassActivity 看起来像这样:

最后一部分是 Compass 类,如下所示:

我真的不知道这是否可能以及哪种策略效果最好,如果有人能指出我正确的方向,我将不胜感激。

0 投票
0 回答
22 浏览

reactjs - 使用 React Native FlatList 时,当内容长度不同且列数超过 1 时,行之间会出现空格。有什么解决办法吗?

[这是 numColumns={2[The FlatList 组件][1] }] 2的平面列表布局