问题标签 [react-native-component]

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

tooltip - 如何从另一个组件中关闭 react-native-elements 工具提示

我想手动关闭工具提示,但 react-native-elements 站点上没有文档。

所以我查看了来自 github 的工具提示代码,并注意到它有一个 toggleTooltip 功能来切换。不幸的是,我无法让它工作。

这是工具提示的示例代码

ComponentTest 的示例代码

这是我正在尝试使用的 tooltip.js 中的功能。工具提示的完整代码可以在这里找到https://github.com/react-native-training/react-native-elements/blob/master/src/tooltip/Tooltip.js

0 投票
3 回答
6337 浏览

react-native - 如何在注销时从反应本机抽屉导航器中删除屏幕(卸载组件)?如何重新加载组件数据?

我在我的应用程序中使用反应导航 v3,我在抽屉导航器中使用堆栈导航器,在单击注销时,我导航到登录屏幕并清除用户的存储,但是每当我再次登录时,主组件不会调用 componentWillMount 或 componentDidMount 方法,并在其上显示先前加载的数据。这是我的代码>

堆栈导航 ==

注销功能 ==

0 投票
3 回答
5233 浏览

javascript - 如何在 React Native 中获取从子组件到父组件的回调

我一直在研究 react-native 以获取从孩子到父母的回调。下面是我的实现的代码片段:

MainView.js

FlatList 的列表单元组件是:

ListCell.js

此代码在单个文件中声明时可以正常工作,但是当在两个不同的文件中分隔时,它会在点击单元格时给出错误说明 this.props._onPressItem未定义。

我遵循了以下https://medium.com/@ruthmpardee/passing-data-between-react-components-103ad82ebd17方法,但没有成功任何建议都会有所帮助。

0 投票
0 回答
612 浏览

android - Android布局成反应原生视图

我从现有的 Java 库创建了一个 android 本机模块。这个库,做一个 GLSurfaceView

进入 android 布局

并将其设置为 setContentView(R.layout.activity_fpv);

我想要做的是一个 react native 模块(只有 android ),将这个视图包含到一个 React Native 组件中。此视图必须在其他 RN 元素的背景中。我试图做的是通过 ViewManager 通过 View.inflate(getApplicationContext(), R.layout.activity_fpv, null);但没有解决方案来扩展此布局。我只能看到没有元素的原始布局(放在 .js 文件中)

一些想法?这是我第一次使用带有布局交互的 RN Native 模块,我在 Android/Java 语言方面没有太多经验

0 投票
1 回答
257 浏览

android - Android 7 React Native 组件数量限制?

我一直在制作我的第一个 React Native 应用程序,现在没有 redux,只有 RN。这个案例是在 Android 7 上的,它没有显示很多组件,但它在更新的 Android 版本上显示,并且在 iO 上完美运行。

这是我的问题的截图,在 Android 上你可以看到很多空白,但在 iO 上它充满了数据:

安卓 7: 在此处输入图像描述 在此处输入图像描述 在此处输入图像描述

IOS: 在此处输入图像描述 在此处输入图像描述

这是结构和CSS:

什么可能导致该问题以及可以采取哪些措施来解决此问题?

UPD:经过几天的调试,我发现问题可能是由于 Android 7 限制在屏幕上呈现的组件数量造成的,因为该页面上有很多组件,例如 10-15 个屏幕,至少有图标、评论、滑块和下拉菜单。如果我只渲染虚拟文本而不是它们 - 一切都会被渲染,如果我渲染几乎所有的东西,例如下拉菜单,也会如此。有任何想法吗?

0 投票
3 回答
5090 浏览

javascript - 如何在 React Native Android 应用程序中只选择一个复选框?

我正在尝试在 React Native 中设置我的第一个 Android 应用程序。

现在有这张卡片(react-native-component),里面有多个复选框(见下面的代码)。

每次我尝试只选择一个复选框时,它都会以某种方式检查所有这些复选框。

我知道它与多个状态有关,但我无法让它工作。

我怎样才能只选择一个复选框?

JavaScript 文件:

0 投票
2 回答
5230 浏览

typescript - React Native TypeScript TextInput 不起作用

我正在尝试通过做一个基本的应用程序来学习本机反应。我遵循了许多在线可用的教程,并为登录屏幕制作了以下课程:

它只包含一个输入和一个按钮,在输入的电子邮件中应显示警报。但是当我单击按钮时,我收到以下错误:

我对本机和打字稿做出反应还很陌生,但是查看代码,我无法找出任何问题。我在这里做错了什么?

EDIT 登录handleEmail(text)功能实际上是打印状态,虽然使用之前的文本值(即,当我输入时QWERT,它会打印QWER,当我输入时QWERTY,它会打印QWERT),但文本参数正在正确记录

0 投票
1 回答
3716 浏览

reactjs - 如何用 jest 模拟第三方 react-native 组件?

我正在使用NumericInput,当我在我的设备上运行应用程序时它工作正常。

但是,当我运行时jest,会出现各种错误:

第一个问题:这正常吗?

第二个问题:如果是,我该如何模拟NumericInput

按照本指南,我似乎需要这样做:

但它不起作用。我也试过:

没有成功。

o_0 这里发生了什么?

干杯!

0 投票
1 回答
4221 浏览

react-native - 在 UIManager 中找不到本机组件

我正在尝试构建一个反应原生组件,但我陷入了以下错误:

不变违规:requireNativeComponent:在 UIManager 中找不到“RNMyComponent”。

我相信自己走在正确的道路上,但仍然缺少一些东西。在我在一些示例中遵循了如此多的命名更改和构建尝试之后,我不知道问题是代码还是某种缓存。

为了避免某种缓存问题,我总是运行以下命令。

但即便如此,它总是会得到上面相同的错误。

按照我的 react-native 组件的代码

RNMyComponent.h

RNMyComponent.m

RNMyComponentView.h

RNMyComponentView.m

index.js

RNMyComponent.js

...以及我如何调用组件

0 投票
1 回答
2137 浏览

reactjs - 在本机反应中获取开关的标签值

我想通过react-native中的开关来实现复选框的功能,因为ios devices不支持复选框。我不知道如何获取与特定开关关联的标签值。所以,我的想法是,我有一堆选项,比如 A、B、C,每个选项都与一个switch相关联,并且有一个提交按钮。单击提交时,我想获取已打开的那些选项的标签。

这是用于选择各种选项的代码,每个选项都与一个开关相关联,

而handleToggle代码是这样的,

非常感谢。