React native 反应本机计数器,函数未定义 我稍微改变了默认的App.js,从NASIC的快速入门指南中做出反应,我试图做一个计数器,每次点击屏幕中间的按钮时,计数器都会从1开始计数。当我运行下面的代码时,我得到了这个错误:警告:失败的道具类型:道具“onPress”在“Button”中标记为必需,但其值为“undefined”。。。。问题是它无法识别此项。在函数renderButton==>{}内按OnButton。我认为这可能是关键字this的问题,因为我听说它指向父函数而不是父对象,但我相信这仍然有效。。。我不知道为什么没有。任何帮助都将不胜感激,谢谢

从“React”导入React,{Component}; 进口{ 站台 样式表, 文本 看法 按钮 }从“反应本机”; const指令=Platform.select{ ios:'按Cmd+R重新加载,\n'+ “用于开发菜单的Cmd+D或shake”, android:“双击键盘上的R以重新加载,\n”+ '为开发菜单摇动或按下菜单按钮', }; 导出默认类应用程序扩展组件{ 构造器{ 超级作物; 此.state={ 计数:1 }; } renderButton==>{ 回来 ; } onBu

React native 本地背景地理定位

当react原生应用程序在后台运行时,我需要保存用户的地理位置。我知道react native background geolocation可用于此目的,但我不想为此使用任何第三方工具。即使应用程序在后台运行,是否有办法获取用户的当前位置?最后一种方法应该可以访问它 我们很高兴地宣布,这一版本包括对后台位置的初始支持,这是许多世博会用户要求很高的功能。现在,您可以在应用程序中定义简单的JavaScript任务,并注册它们以在后台接收位置更新。此外,您还可以设置当设备进入或离开特定地理区域时触发的

React native 反应导航组件与屏幕通信

我使用带有自定义内容组件的React导航抽屉。 下面是我创建抽屉导航的代码: import { Dimensions } from 'react-native'; import { createDrawerNavigator, createAppContainer } from 'react-navigation'; import DrawerContent from '../components/drawer/DrawerContent' import MainScreen from '..

React native react本机应用程序不响应方向更改

我的react原生应用程序有一个奇怪的问题。在模拟器和真实设备上,应用程序不会对方向变化做出响应 我将react导航与StackNavigator和UI的本机基础一起使用 AndroidManifest包含 android:configChanges=键盘|键盘隐藏|方向|屏幕大小 但是以前的模块和react本机版本也存在问题 谢谢 固定的 添加android:screenOrientation=传感器解决问题。您是否设置了方向: 对于iOS,如下图所示: 对于清单中的Android 您是如何

React native 通过屏幕堆栈传递道具

我试图通过react native中的screenstack元素来传递一些道具。我有一个按钮,onPress会要求屏幕使用如下反应导航: <Button title="Lees Meer" color="#d10a10" onPress={() => RootNavigation.navigate('Article', { params: { title: title, text: text, image: image },

React native 无法在expo中解析/SafeAreaContext

运行expo start时,会显示此消息 无法从节点\u modules\react native safe area context\src\index.tsx解析./SafeAreaContext请尝试通过运行npm安装-g expo CLI将expo CLI更新为最新版本。您还可以通过运行本地安全区域上下文来安装安全区域

React native React本机检索实际图像大小

我希望能够知道已传递到中的网络加载图像的实际大小。我尝试使用onLayout计算大小(从这里获取),但在通过布局引擎后,它似乎返回经过消毒的大小 我试着查看onLoadStart、onLoad、onLoadEnd和onProgress,看看是否有其他可用信息,但似乎无法启动这些信息。我宣布如下: onImageLoadStart: function(e){ console.log("onImageLoadStart"); }, onImageLoad: function(e

React native 在React Native上的事件中有两个函数

如何在onValueChange这样的事件中使用两个函数 我试过了 onValueChange={(selected) => this.setState({selected}),this.state.eventOnChange}> 那么: onValueChange={(selected) => { this.setState({selected}); this.state.eventOnChange(); }} 那么: onValueChange={

React native 使用react native和react继电器时,参考节点模块的箭头自动绑定功能中断

我使用的是react native和react relay,因此我有以下.babelrc文件: { "sourceMaps": "both", "presets": [ "./plugins/babelRelayPlugin", "react-native" ], "passPerPreset": true } 添加在组件中使用箭头函数作为来自react native material kit()的mkicontogle的依赖项时,无法正确传输,并且此引用丢失/

React native react本机是否支持开发低于android 5.0的应用程序

我正在为4.2.2开发应用程序,但无法运行adb reverse命令,因为react文档说它不支持低于5.0的版本。因此,我无法生产apk 使用adb反向 请注意,此选项在运行android 5.0+(API 21)的设备上可用。 通过USB连接设备并启用调试(请参阅上面关于如何在设备上启用USB调试的段落) 链接:您仍然可以使用文档下方的选项配置您的应用程序以通过Wi-Fi连接到本地开发服务器,我正在使用Android 4.4

React native 反应本族语:can';t按下按钮,在文本输入中对焦

我想把注意力集中在文本输入上,按下一个按钮,让键盘弹出,但没用。那么如何解决呢? 这是我的密码 <TextInput ref="myInput" /> <Text onPress={()=> this.refs["myInput"].focus()>custom</Text> this.refs[“myInput”].focus()>自定义 替换此行: <Text onPress={()=> { this.refs.myInput.fo

React native 如何在react本机推送通知中重置应用程序标记号?

当用户打开应用程序,但在文档中的任何地方都找不到方法时,我会在“react native push notification”(反应本机推送通知)中查找“reset application badge number”(重置应用程序徽章编号),知道吗? PushNotificationIOS从react native导入您可以将其添加到AppDelegate.m中,当应用打开或进入后台时,AppDelegate.m会将徽章计数设置为0 - (void)applicationDidBecomeAct

React native 默认情况下反应本机避免{width:';100%';}

我的代码非常简单:(仅显示相关部分) 与你的朋友分享 然而,当我检查文本节点时,它的宽度是其容器的100%,而灰色背景则是整个宽度 是否有布局设置使此文本的宽度尽可能小?也就是说,只到课文结束 您可以使用属性: <View style={{alignSelf: 'flex-start'}}> <Text>SHARE WITH YOU FRIENDS</Text> </View> 与你的朋友分享 您可以使用属性: <View

React native 当redux重新呈现包含StackNavigator的视图时,它会将自身重置为初始屏幕

我正在使用react导航: 如果我在redux重新提交视图时更改redux状态的login属性,我的StackLogin将重置为初始状态(如果我在SignIn视图中,它将返回login)。就像它没有保持自己的状态一样。也许这是我在这个图书馆遗漏的东西。 关于当登录属性更改时,React将重新呈现组件。要确定要渲染的内容,将执行render()方法。您的render()方法每次运行时都会创建一个新的StackNavigator。因此,当道具发生变化时,您的将被有效重置 您可能想做的是在Login

React native 使用组件npm时出错?

我正在尝试在我的react本机应用程序中使用npm库。但我有这个错误 我正在使用 我正在导入到我的项目中 import cielo from 'cielo'; 有人能帮我吗?看看这个包的github源代码。 导入此包时,似乎必须传递一些参数。您可以看看这个包的使用示例。您的导入代码似乎有误…请添加您遇到的完整错误,并提供一个完整的错误。

React native 反应自然—;如何使用react本机日历(WIX)选择开始和结束日期?

我正在尝试使用启用日期范围。在我的应用程序中,日历会加载一些“标记日期”;现在,我需要在不影响这些初始日期的情况下实现开始和结束日期功能。不幸的是,我正在努力实现这一目标。我该怎么做呢 先谢谢你 伪代码 加载带有标记日期的日历 点击开始日期 点击结束日期 继续 组件 export default class Dates extends Component { static navigationOptions = { title: 'Choose dates',

React native 以最佳方式使用.p12或.pfx证书响应本机https请求

我用react native开发了一个移动应用程序。当我尝试HTTPS请求时,我的服务需要客户端证书身份验证。我搜索了大量资源,发现了以下内容: 我应该能够通过在本机代码中使用客户端证书身份验证编写一个库,然后使用NativeModules从javascript调用它来实现这一点,但这确实很困难 或者我需要添加一个中间件服务 对于这个问题,你有别的解决办法吗?或者最佳实践是什么

React native 如何在使用react navigation从一个屏幕导航到另一个屏幕时添加转换

我使用react导航从一个屏幕导航到另一个屏幕。但在导航时,我发现导航还不够好。因此,我尝试在从一个屏幕导航到另一个屏幕时添加转换。使用react navigation解决此问题的任何解决方案如果只想使用react navigation,请使用以下选项 您必须使用Transitioner class MyNavView extends Component { ... render() { return ( <Transitioner config

React native 如何取消时间表通知

我在项目中使用了react-native firebase:5.5.6和react-native:0.59.10。我已经创建了一些日程通知。当我试图取消其中一些时,这是行不通的 cancelNotification = async (Id) => { try{ await firebase.notifications().cancelNotification(Id); } catch(e){ console.error(e); } }

React native CreateMaterialTopTabNavigator如何添加第三个选项卡

我正在学习react native,我成功地启动并运行了2个Tabbar。 现在我尝试添加第三个选项卡栏,但每次尝试添加第三个选项卡栏时,我只看到两个选项卡栏。我有点困了,希望有人能帮我编码 import React from 'react'; import { createMaterialTopTabNavigator, } from 'react-navigation'; import FoldersList from '../screens/FoldersList'; const

React native 获得;尚未创建任何Firebase应用程序”;升级后,将react native设置为0.61

已完成将react本机应用程序从0.59升级到0.61,尝试在android上运行该应用程序时出现以下错误。React本机firebase版本为6.0.3 如果我正确读取了文档,默认应用程序将自动创建,因此我假设在升级react-native或react-native firebase时遗漏了一些内容 无法获取错误信息

React native React Native:如何禁用jetifier

我运行以下命令行 npm I jetifier npx jetify 这使得jetifier启用。如何禁用它?如果您还不想迁移到AndroidX,可以使用-r标志和npx-jetify调用。请按照此链接中的说明了解更多详细信息: 通过--no-jetify以及react-nativecmd您的意思是我运行react-native--no-jetify@RajendranNadarYes,如果你想永久禁用它,你需要更新gradle文件当我运行该命令时,我得到了这个错误错误:未知选项--no-je

React native 5秒后,淡入本机元素

在我的React Native屏幕中有一个视图,我想显示它,然后在5秒钟后淡出。以下是render()方法内部的视图: {this.state.showView ( <Animated.View style={{ opacity: this.state.fadeAnim }}> </Animated.View> )} 这不管用。视图按预期显示和消失,但不会淡出;它只是在没有动画的情况下消失。我做错了什么?我猜您已经设置好了,以便showView状态显示和隐藏组件

React native 如果位置居中,则react native上浮动操作按钮中的图标不显示文本

如果我在react原生浮动操作中将位置设置为“中心”,则不会显示我在操作中添加的文本 仅将图标背景显示为圆形 您应该在实施之前阅读。在这里,作者提到,文本在对齐“中心”时不会显示。请检查一下这些文件。如果您想覆盖此选项,只需修改并将PR交给作者。问题不清楚。你能添加图像和更多细节吗?编辑了上面的内容。但是没有添加底部值的选项。(即)我需要添加底部值以将图标移动到屏幕上方。样式未反映我的UI中的任何更改

React native 如何保持语言更改react-I18下一个react本机

我使用react-i18next和i18next对应用程序进行本地化。我希望能够在设置中手动更改语言,并保留该更改。 问题是我不知道如何在i18nconfig文件中使用redux,因为redux是异步的,而且我在react-i18next中检查了文档中的一些内置存储选项,但没有成功 以下是i18nconfig文件: “严格使用”; 从“i18next”导入i18n; 从'react-i18next'导入{reactI18nextModule,initReactI18next}; 从“反应本机设备

React native 反应本机、IBECONS、RSSI值到距离转换

如何稳定低能量蓝牙信标的RSSI接收信号强度指示器,以便更精确地计算距离 我们正在尝试开发一个室内导航系统,遇到了这样一个问题,即RSSI波动太大,距离估计远未接近正确值。我们试着用高级平均值计算器,但没用 该设备正在不断获取RSSI值,如何过滤它们,如何获取平均值,我完全不知道,请帮助 有人能推荐任何npm库或指向正确的方向吗?我已经搜索了很多天,但没有找到任何地方 前端:ReactNative后端:NODEJS由于您的需求非常具体,您不太可能找到一个预构建的包来满足您的需求。您很可能需要编写

React native 类型为'的反应导航器模式;ModalPresentationIOS';在嵌套的屏幕上有不稳定的行为

我正在尝试用react navigator创建一个iOS风格的模式,它工作正常,在从主导航器调用它时打开它,但是当我有一个嵌套导航器时,打开它的效果很糟糕,背景屏幕不会从新的较小尺寸的位置转换到原始位置,而是“跳出”创建非流体效果 以下是一个可复制的示例(仅在iOS上测试): 有什么想法吗?为什么不直接使用Modal?您必须使示例适合您的布局,但您不会遇到这些转换问题。@BasvanderLinden出于一致性目的、深度链接以及使用react navigator创建此类模态的能力,我没有支持标准

React native useEffect和useState未在获取中设置值

我有一个杂志风格的应用程序,它有一个索引页面,是名为HomeScreen的组件(包含文章列表),还有一个详细页面,是名为Details的组件(包含完整的文章); 在它们上面,我有一个主页组件,它是bot的堆栈导航 主分量 const Home = ({}) => { return ( <Stack.Navigator initialRouteName="Home"> <Stack.Screen name="Home&

React native 点击图标组件时,在iOS和Android中以本机组件样式显示选择器

在我的react native项目中,我想实现一个功能,点击图标会分别在iOS和Android中弹出一个本机选择器组件。类似的效果: 但是对于链接库,默认情况下总是有一个文本输入字段,点击该字段会弹出选择器本机组件。但是在我的项目中,我不需要那个默认的文本输入字段,我有一个图标组件(认为它是本地自定义组件),我希望在单击/点击图标组件时具有相同的效果 有可能通过我链接的库实现它吗?我注意到库中有图标属性,但不清楚如何使用它,以及它是否是可以替换文本输入字段的属性。谁能帮我一下吗 这是我在库中尝

React native 过滤包含多个项目的扁平列表

我正在通过构建一个共享骑乘应用程序来学习React Native。我有一个功能,允许用户过滤具有多个骑乘设施的平面列表组件,每个组件都有不同的相关项目,例如日期,乘客人数,成本,等等。。。和filteredDate,filteredpassanger,filteredCost是允许用户选择其希望的过滤方式的状态变量 我编写了过滤数据的函数,如下所示: function filter() { const newData1 = lists.filter( it

React native 使用JSC/Hermes/V8增加调用堆栈大小

我们在Android上的React原生应用程序从JSC切换到了Hermes 自发布该更改以来,我们收到了许多RangeError:调用堆栈大小超过了崩溃报告 从长远来看,我们应该修复这些递归调用,但目前: JSC和Hermes之间的调用堆栈大小有差异吗 如果是:是否可以配置此调用堆栈大小 我知道V8的调用堆栈大小可以通过--stack\u size进行调整。爱马仕有类似的选择吗 在Hermes中,此配置选项位于React Native的Java API中。如果您想在不重新编译RN的情况下更

React native React Native:从API获取:JSON文件意外结束

我使用的是React Native Expo,我试图从Fantasy API获取数据,但当我将获取的数据解析为JSON时,它会显示SyntaxError:JSON输入意外结束。这是我用于获取的代码: fetch("https://fantasy.premierleague.com/api/bootstrap-static/", { method: "GET", headers: { Accept: 'application/js

React native React本地扁平列表重新加载程序

我正在处理一个平面列表,它有一个复杂的子元素,会导致昂贵的重新渲染,我需要优化它,但我无法使用useMemo停止重新渲染,请帮助我完成此操作 以下是我的列表代码: <FlatList data={thePosts} extraData={thePosts} keyExtractor={(item, index) => index.toString()} removeCl

React native 如何克隆应用程序使其看起来像会话

我不知道如何克隆一个应用程序以用作多个会话,例如,我有4个facebook帐户,如何为每个帐户创建4个facebook应用程序会话?我在考虑为每个会话创建一个应用程序文件夹(可能是obb或数据),但我不知道这是否正确

React native Chrome开发工具未将文件链接到Hermes调试器

我最近在我的移动应用程序上启用了Hermes引擎,但在使用Chrome devtools进行调试时遇到了一些问题 我在Devtools中打开了一个工作区,但调试器不喜欢某些文件,我无法设置断点 我可以看到一些文件在图标中有一个绿点(然后我可以为这些文件设置断点) 但在我的示例中,search.js没有链接。 供参考: my index.js仅包含到search.js的导出 devtools是使用chrome://inspect index.js import Search from './

React native 在iOS设备上运行时,对代码的更改不会反映出来

在真实的iOS设备上运行和测试代码时,我对代码所做的更改不会突然反映出来。热重新加载不起作用,甚至终止并重新安装应用程序也不起作用。 我试过了 npx react-native bundle --entry-file index.js --platform ios --dev false --bundle-output ios/main.jsbundle --assets-dest ios/assets 我已经清理了XCode上的构建文件,并清理了派生数据文件夹。另外,我正在使用 react-

  1    2   3   4   5   6  ... 下一页 最后一页 共 349 页