问题标签 [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.
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
react-native - 如何在注销时从反应本机抽屉导航器中删除屏幕(卸载组件)?如何重新加载组件数据?
我在我的应用程序中使用反应导航 v3,我在抽屉导航器中使用堆栈导航器,在单击注销时,我导航到登录屏幕并清除用户的存储,但是每当我再次登录时,主组件不会调用 componentWillMount 或 componentDidMount 方法,并在其上显示先前加载的数据。这是我的代码>
堆栈导航 ==
注销功能 ==
javascript - 如何在 React Native 中获取从子组件到父组件的回调
我一直在研究 react-native 以获取从孩子到父母的回调。下面是我的实现的代码片段:
MainView.js
FlatList 的列表单元组件是:
ListCell.js
此代码在单个文件中声明时可以正常工作,但是当在两个不同的文件中分隔时,它会在点击单元格时给出错误说明 this.props._onPressItem
未定义。
我遵循了以下https://medium.com/@ruthmpardee/passing-data-between-react-components-103ad82ebd17方法,但没有成功任何建议都会有所帮助。
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 语言方面没有太多经验
android - Android 7 React Native 组件数量限制?
我一直在制作我的第一个 React Native 应用程序,现在没有 redux,只有 RN。这个案例是在 Android 7 上的,它没有显示很多组件,但它在更新的 Android 版本上显示,并且在 iO 上完美运行。
这是我的问题的截图,在 Android 上你可以看到很多空白,但在 iO 上它充满了数据:
这是结构和CSS:
什么可能导致该问题以及可以采取哪些措施来解决此问题?
UPD:经过几天的调试,我发现问题可能是由于 Android 7 限制在屏幕上呈现的组件数量造成的,因为该页面上有很多组件,例如 10-15 个屏幕,至少有图标、评论、滑块和下拉菜单。如果我只渲染虚拟文本而不是它们 - 一切都会被渲染,如果我渲染几乎所有的东西,例如下拉菜单,也会如此。有任何想法吗?
javascript - 如何在 React Native Android 应用程序中只选择一个复选框?
我正在尝试在 React Native 中设置我的第一个 Android 应用程序。
现在有这张卡片(react-native-component),里面有多个复选框(见下面的代码)。
每次我尝试只选择一个复选框时,它都会以某种方式检查所有这些复选框。
我知道它与多个状态有关,但我无法让它工作。
我怎样才能只选择一个复选框?
JavaScript 文件:
typescript - React Native TypeScript TextInput 不起作用
我正在尝试通过做一个基本的应用程序来学习本机反应。我遵循了许多在线可用的教程,并为登录屏幕制作了以下课程:
它只包含一个输入和一个按钮,在输入的电子邮件中应显示警报。但是当我单击按钮时,我收到以下错误:
我对本机和打字稿做出反应还很陌生,但是查看代码,我无法找出任何问题。我在这里做错了什么?
EDIT
登录handleEmail(text)
功能实际上是打印状态,虽然使用之前的文本值(即,当我输入时QWERT
,它会打印QWER
,当我输入时QWERTY
,它会打印QWERT
),但文本参数正在正确记录
reactjs - 如何用 jest 模拟第三方 react-native 组件?
我正在使用NumericInput,当我在我的设备上运行应用程序时它工作正常。
但是,当我运行时jest
,会出现各种错误:
和
第一个问题:这正常吗?
第二个问题:如果是,我该如何模拟NumericInput
?
按照本指南,我似乎需要这样做:
但它不起作用。我也试过:
没有成功。
o_0 这里发生了什么?
干杯!
react-native - 在 UIManager 中找不到本机组件
我正在尝试构建一个反应原生组件,但我陷入了以下错误:
不变违规:requireNativeComponent:在 UIManager 中找不到“RNMyComponent”。
我相信自己走在正确的道路上,但仍然缺少一些东西。在我在一些示例中遵循了如此多的命名更改和构建尝试之后,我不知道问题是代码还是某种缓存。
为了避免某种缓存问题,我总是运行以下命令。
但即便如此,它总是会得到上面相同的错误。
按照我的 react-native 组件的代码
RNMyComponent.h
RNMyComponent.m
RNMyComponentView.h
RNMyComponentView.m
index.js
RNMyComponent.js
...以及我如何调用组件
reactjs - 在本机反应中获取开关的标签值
我想通过react-native中的开关来实现复选框的功能,因为ios devices不支持复选框。我不知道如何获取与特定开关关联的标签值。所以,我的想法是,我有一堆选项,比如 A、B、C,每个选项都与一个switch相关联,并且有一个提交按钮。单击提交时,我想获取已打开的那些选项的标签。
这是用于选择各种选项的代码,每个选项都与一个开关相关联,
而handleToggle代码是这样的,
非常感谢。