React native 未为key=root设置组件属性

我正在创建一个关于react native的项目,并使用react native router flux。当我试图编译时,我得到以下错误 未为key=root设置组件属性 这是密码 import React, { Component } from 'react' import { Router, Scene } from 'react-native-router-flux' import { Gallery } from './gallery' import { Events } from '.

React native com.facebook.react.common.javascriptexception未捕获引用错误:未定义regeneratorruntime

我可以在ios上运行该应用程序,但当我尝试在android上运行时,我会出现此错误!我怎样才能修好它? 我试过了。/格雷德鲁很干净,但什么也没发生!而且我的代码一直运行到昨天。它有一个通用的解决方案吗 Environment: OS: macOS High Sierra 10.13 Node: 8.9.4 Yarn: 1.5.1 npm: 6.0.0 Watchman: 4.9.0 Xcode: Xcode 9.2 Build version 9C40b Andro

React native 要求正好有一个字符串文字参数的调用

我想根据传递的道具渲染图像。第一个注释掉的文件路径就是源文件路径。我试过几种不同的方法,但它总是给我同样的错误。react文档并没有真正涵盖在30多个不同场景的情况下应该做什么。我可以在这个组件中添加一个状态,让它包含所有的文件变体,但这似乎需要做更多的工作。 如果有大量可能的图像,可以创建包含所有可能图像的对象,然后在图像源中传递图标名称 let icons = { 'sample1': require('./weatherimg/sample1.png') ,'sample2':

React native 链接本机向量图标时出现问题

我刚刚从零开始了一个新的react native项目,添加了react native vector图标,但当我尝试链接它时,我得到了以下信息,我不知道为什么会发生这种情况,我没有改变任何东西,这是一个clen项目 error Something went wrong while linking. Error: ENOENT: no such file or directory, copyfile 'PROJECTFOLDER/node_modules/react-native-vector-ic

React native React Native-本机基选择器显示标签而不是值

本机基选择器呈现标签而不是值 <Picker.Item label="Ten" value="10 /> 它在选择后渲染10,是否可以使其渲染10 React本机版本:0.58.6 本机基本版本:2.12.0这就是它的工作原理,如果希望显示10,则必须将标签设置为10 这就是Picker的工作原理 <Picker.Item label="10" value="10 />

React native 反应本机动态图像滑块过渡不透明度

我希望在react native中实现带有淡入淡出过渡的动态图像的滑块,并使用不透明度播放。 我所做的是 changeBackgroundImageNew = ()=>{ const TIME_TRANSITION = 4500 let images_length = this.props.AppStore.barbershop_details.images.length let index_image = 0; setInterval(()=&

React native 在react native中从后台模式返回时更新数据

嗨,我在react native中使用地理位置坐标来显示我周围的用户。我已经实现了一个下拉刷新功能,可以在我改变位置后刷新用户列表。当我从后台模式返回时,如何刷新数据 displayPosition = () => { this.watchId = Geolocation.getCurrentPosition( (position) => { let obj = { latitude: position.co

React native React native-使用setState附加到状态对象

我的状态对象如下所示: activeUsers: { country: {userID:{userProfileObject}} } this.setState( { activeUsers: {country1: {...this.state.activeUsers.country}, country: {userID: "12345"}}, } ) 我正试图像这样更新状态 this.setState( { activeUse

React native Expo web AuthSession错误:TypeError:无法读取未定义的属性“startsWith”

我正在我的React Native Expo应用程序中使用auth0登录 登录在Android和iOS上运行良好,当我在Web上使用它时,AuthSession模块中断为: bundle.js:19465 Uncaught (in promise) TypeError: Cannot read property 'startsWith' of undefined 深入到AuthSession Expo模块,代码在第150行中断。 在AuthSession中,Web应支持,但其依赖项之一是: 计

React native 修改图像并将其移回初始位置后,对本机Panresponder问题作出反应

我有一个可拖动的汽车图像,如果我第一次拖动汽车,在第二次重新拖动汽车图像返回初始位置后,它工作正常。我想拖动图像平滑和拖动与手指触摸。请帮帮我 从“React”导入React,{Component}; 从“react native”导入{样式表、视图、文本、PanResponder、动画、宽松、尺寸、图像、按钮}; 从“react native”导入{ToastAndroid} export default class Viewport extends Component { constru

React native React Native 0.62.2外观返回错误的配色方案

在iOS模拟器13.3和Android 10上 我有一个外观和使用配色方案的问题,当我设置暗模式时,它仍然返回光 import { useColorScheme, Appearance } from 'react-native'; const colorScheme = useColorScheme(); console.log(colorScheme, Appearance.getColorScheme()) // "light", "light" 我做错什么了吗?我发现了问题 与此拉取请

React native React Native/Expo-自定义字体不起作用

我试图在我的项目中使用龙虾字体,因此我: 添加了从google字体下载到/assets/fonts文件夹的.ttf文件 创建: module.exports={ 项目:{ ios:{}, 安卓:{}, }, 资产:['./资产/字体/'], }; 运行命令反应本机链接 -收到的成功资产已成功链接到您的项目 在我的风格对象-fontFamily:“常规龙虾” 但是仍然不起作用如果您使用的是expo,在完成以下步骤后,它应该会起作用: 步骤1: 将Lobster-Regular.ttf文件放入。/a

React native ReferenceError:找不到变量:props

在React Native中,我创建了一个名为ImageSelector的功能组件,其中我使用expo image picker并使用图像URI作为使用Formik的父组件中的必填字段。我的模拟器工作正常,我能够成功地选择一个通用映像,并将映像URI记录在控制台“success:”+result.URI中,但以下是错误: 我想在下面的图像组件中显示图像,但图像不显示,它不会中断。我得到了以下未处理的错误:ReferenceError:找不到变量:props,我想它引用的是父表单组件,但我不知道要

React native React Native-将base64编码的图像转换为URI

我持有一个包含base64编码图像数据的对象列表作为状态,因此我可以在列表组件中向用户显示它们。大概是这样的: [ { id: "23789373", address: "92 West Sunnyslope Street Woodhaven, NY 11421", thumbnail: "iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYA...",

React native 反应本机语法

恕我直言,但当我阅读react原生文档时,与常规javascript存在语法差异。我试图找出描述语法的文档在哪里 例如这句话 var { ActivityIndicatorIOS, StyleSheet, View, } = React 以及在中使用=>运算符 setToggleTimeout: function() { this.setTimeout( () => { this.setState({animating: !th

React native 反应性天然tabbarIosItem

如何允许tabbarIOS.item使用我的图像 这是我的密码 我有一个名为itemSelected的图像 <TabBarIOS.Item selected={this.state.selectedTab === 'Item'} icon={require('image!itemNotSelected')} selectedIcon={require('image!itemSelected')} title="Item"

React native 我们如何保持iOS和Android项目与它们自己的回购协议隔离,但保持一个本地回购协议? 出身背景

我们已经在iOS和Android上实现了一个现有的本机应用程序,我们想添加一个新功能,其中共享代码用React native编写。根据我的研究,React native要求iOS和Android项目是React native主目录的子目录 由于我们的iOS和Android应用程序的开发速度可能不同,因此将这两个repo迁移到单个React本地repo将不符合我们当前的开发流程 研究 我已经看到这个问题在它的许多问题中提出了一个类似的问题,也就是如何组织风投?在mono存储库中移动4个代码库iOS

React native 如何在react导航中获取上一条路线?

我是react本机应用程序中的用户react导航。登录后,我导航到主屏幕,从那里我要注销,我应该导航到上一个屏幕说登录。但在导航道具里面,我找不到任何方法在不使用goBack功能的情况下重新登录屏幕。我的导航有点乱,请仔细查看我的导航 这是我的导航员 从“React”导入React; 从“react native”导入{View,Text}; //领航员 从“反应导航”导入{DrawerNavigator、StackNavigator、TabNavigator} //抽屉屏风 从“../../

React native 如何在react native中使总视图居中

我对react native是新手,我创建了一个示例登录表单。在这个表单中,我想将总视图与中心对齐。我试过这种方法,但没有成功,你能指导我如何做到这一点吗 我的登录类是 import React, {Component} from 'react'; import {AppRegistry,Text, View,TextInput,TouchableOpacity,StyleSheet} from 'react-native'; export default class Login extend

React native 反应本机-新应用程序立即关闭

我买了一台新电脑,我将安装React Native。 我安装了以下库: react本机cli:2.0.1 反应本机:0.60.5 净现值:6.9.0 nodeJS:v10.16.3 Android调试桥版本1.0.41 如果我运行命令react native run android,那么节点服务器不会立即启动。如果我运行react native start并在另一个终端中运行react native run android,那么run命令将关闭 另一个问题是,如果我运行react native运

React native 隐藏溢出时反应本机onTextLayout

我正在尝试在我的React原生应用程序中创建一个动画“查看更多/放弃”按钮。我计划使用onLayout或onTextLayout方法来获取文本的高度,然后使用动画和overflow:hidden在单击按钮时显示文本。下面是代码的样子: <Animated.View style={{overflow: "hidden", height: heightAnim }}> <Text onTextLayout={({ native

React native 在react native中存储从api调用接收的数据

我检查了许多链接,发现异步存储是存储任何数据的最佳方式,但它是一种持久方式。我只需要知道是否有任何其他方式来存储会话数据,这些数据应该可以用于特定会话,例如当用户登录到我的应用程序时 在我的用例中,用户使用凭据登录,然后我们需要将特定于用户的数据显示在我们需要的任何位置,就像其他屏幕一样。除了Asyn存储之外,我还应该使用其他方法吗?我建议使用本机keychain、realm或sqllite 我希望下面的文章将帮助您了解这些库和备选方案 希望这会有所帮助 因此,如果您不使用redux,您可以使

React native 本机动画模块不支持样式属性“width”:重写我的代码需要建议吗

我继承了以下组件,该组件与react native的早期版本配合良好,在其他组件显示的按钮上显示不透明的滚动进度条 最近,当我升级到react native 0.62.2时,我在请求添加useNativeDriver时出错。当添加它并将其设置为“是”时,我得到一个错误,即本机动画模块不支持样式属性“宽度” 当将useNativeDriver设置为false时,我没有得到错误,但动画不起作用,至少在android上不起作用。没有在iOS上测试 关于如何修改代码以使其与最新版本的react nati

React native 图像无法渲染-正在与“react native snap carousel”斗争

不幸的是,我很难真正掌握这个库是如何工作的,特别是视差分量。我想知道是否有人能帮我。我正在努力使我的图像渲染 以下是文件: 这是下面的代码,但我也有一个零食已经在运行它 顺便说一句,它不会在网络上加载,你必须选择IOS或android import React, {useRef, useState, useEffect} from 'react'; import Carousel, {ParallaxImage} from 'react-native-snap-carousel'; import

React native 反应本机默认宽度

这可能是一个愚蠢的问题,但我不明白组件宽度是如何工作的 当我这样做时: render() { return ( <View style={{ height: 100, backgroundColor: 'yellow' }}></View> ) } 我的黄色视图可见,高度为100,全宽为100。 为什么?我从来没有设置过宽度,为什么宽度不等于0?除非同时传递高度和宽度,否则视图基本上与子视图的高度和宽度

React native 如何使RN中的反向平面列表的加载指示器保持在顶部

当平面列表反转时,加载指示器将位于底部,如何将其保持在顶部?我最后使用了一种变通方法,将平面列表包装在ScrollView中,并将refreshControl保留在ScrollView中 const { fetchingMore, onFetchMore } = this.props; return <ScrollView contentContainerStyle={{ flexDirection: 'row', alignSelf: 'flex-end',

React native 反应本机地图标记

我正在尝试从地图上删除标准的红色标记。我必须使用自定义标记。有什么建议吗 假设您正在使用可以使用image prop在标记中使用自定义图像,选中假设您正在使用image prop在标记中使用自定义图像,选中 <Marker coordinate={data}> <Text style={{paddingLeft: 20, marginLeft: 60, color: 'red'}}> <UserAvatarContainer avatarUr

React native 在后台使用Expo发送推送通知

Expo具有用于发送推送通知的通知API。然而,当应用程序位于后台时,如何发送推送通知?可以从服务器触发推送通知或提前安排推送通知吗?发送推送通知是从您的服务器完成的,因此您可以随时发送推送通知,并安排作业来处理推送通知 但是,如果应用程序是后台的,并且用户尚未选择通知,则您将无法在客户端处理通知的接收。根据: 您无法在后台处理推送通知。这是一本书 正在进行中 但是,如果应用程序位于前台或用户选择了通知,则通知将传递给应用程序中的侦听器。发送推送通知是从服务器完成的,因此您可以随时发送推送通知,

React native 如何将领域数据库导出到react native中的文件?

我正在使用Realm数据库构建react本机应用程序。我想将realm数据库导出到单个文件,然后再由另一个移动设备导入该文件。如何在react native中导出和导入域数据库?目前不允许通过react native中的代码导出文件。领域模块当前不具有该功能 但是,您可以自己移动文件,复制它,然后将其放入另一个项目的领域库中,以便在另一个设备上检查它。 或者您可以保存文件,然后使用Realm studio程序检查数据 文件路径 如果我仍然想完成这项任务,我是否应该改为其他数据库,如sqlite?

React native 本机中的循环

我想播放一段时间的音频。您是否可以确定循环音频的时间?在世博会上,我只看到一个声音的状态:isLooping:true。这将无休止地循环声音,而不是一定的时间!下面是我关于声音状态和播放声音的代码 //state of the sound const { sound, status } = await this.recording.createNewLoadedSoundAsync( { isLooping: false, isMuted: this.

React native 如何在应用程序容器中正确堆叠嵌套的导航器?

我目前有一个AppContainer,它由一个底部选项卡导航器和一个用于配置文件设置的导航集组成。我试图了解如何正确安排一切,特别是如何在一个选项卡配置文件中嵌套导航,这样我就可以通过两个按钮访问另外两个页面QrCode和EditAccount。如何实现以下输出?我相信我必须以某种方式嵌套配置文件导航 我的标签在下面 家 队列 轮廓 :在这里,我还有两个页面可以访问QRCode和EditAccounts App.js 应用答案后 该解决方案可根据需要提供以下代码: const navigat

React native 在scrollView中反应本机100%宽度视图

我有一个水平滚动视图 在这个滚动视图中,我想显示多个全高和全宽视图 我不知道如何将每个视图的宽度设置为100% 实际上,它们的自动宽度大约为70% <SafeAreaView style={styles.container}> <ScrollView style={styles.info} horizontal={true} > {this.state.list.map(item => ( <

React native 在平面列表的印刷机上弹出问题制作模型

我有一个卡片的平面列表,我想在有人按下卡片时显示一个模式。但按卡片似乎没有任何作用,所以我想知道我做错了什么。在顶部的代码中,我定义了模式可见性的状态,如果向下滚动到卡,您将看到onPress更改状态。卡片下面是实际的模式,它使用visible属性的状态来显示它或不显示它 代码: 根据您的代码,您需要将toggleModal函数传递给TouchableOpacity以显示您的模型。查看下面的示例以了解更多信息 import React, { Component } from 'react'; i

React native 无法使用react navigation导航到另一个堆栈

在下面的示例中,当用户使用导航注销时,我试图从“设置”屏幕导航到“身份验证”。导航到“身份验证”,但我收到一个错误:您有名为“身份验证”的屏幕吗 我不明白这里怎么了。在react导航4中,这是可能的 PS:可以忽略令牌部分 import React, { useState, useEffect } from 'react'; import { Text, View } from 'react-native'; import AsyncStorage from '@react-native-co

React native 如何更改React Native中的复选框状态

我想在这里更改复选框状态。单击复选框后,不会显示任何更改。但在VS代码中CTR+S后,数据会更新 const [data,setData] = React.useState(); React.useEffect(() => { DB.select("tasks","*").then(res=>{ return setData(res); }); }, [100]) const complete = (index,id)=>{ data.forEach(

React native 如何在react native中使用容器?

我是一个新手,我试图从一开始就展示它所展示的内容。但我有 显示容器中的内容,但我不知道如何在React native中应用此功能。所以 所以,有人请帮助我如何在React native中使用容器 在这个组件中,我尝试了一些代码,请检查一下 这是App.js import React from 'react'; import {View, Text} from 'react-native'; const App = props => { return ( <View>

React native indexOf的本机基础手风琴错误不是函数

我对React Native还不熟悉,所以如果这是一个愚蠢的问题,我很抱歉,但是我在使用Native base的Accordion组件时遇到了一个错误。我给了我一条消息:e.state.selected.indexOf不是一个函数 我将本机基本文档中的示例代码粘贴到零食中以显示问题。这是代码,非常简单: import React, { Component } from "react"; import { Container, Header, Content, Accordio

React native 反应自然壁画碰撞

我在三星S6上加载图像时遇到了这个问题 我试着保持proguard,multidex,bla…bla。。。但不起作用 java.lang.NoClassDefFoundError: Failed resolution of: Lcom/facebook/imagepipeline/memory/PooledByteBuffer; at com.facebook.imagepipeline.animated.factory.AnimatedImageFactoryImpl.decodeGif(An

React native 无法从内部导航选项访问道具

我正在使用StackNavigator库,但无法确定如何从navigationOptions中访问道具 在我的职业课上,我有: navigate("TestView", { mdata: mdataObject }) 在我的TestView类中,我有以下内容: static navigationOptions = { title: this.props.navigation.state.params.mdata.title } 但是,我得到以下错误: 找不到未定义的属性“导航” 我已

React native 如何使用react native camera将捕获的图像保存到自定义应用程序特定文件夹

我正在使用react native camera中的RNCamera,并使用CameraRoll react native API保存照片。但saveToCameraRoll方法只获取takePictureAsync返回的照片uri。 并将照片保存到DCIM文件夹中。但我想把它保存到某个特定于应用程序的文件夹中。我怎样才能到达它呢?我使用了很酷的rn fetch blob库来达到这个目的。这里的我可以创建一个目录,但是我无法将图像移动到该文件夹,如果它对您有帮助的话 如果你能格式化你的代码,增加

React native 如何在Linux-Ubuntu上手动启动React本机调试器

我想在react-native开发环境上启用react-native调试器。所以我跟着 并下载了rn-debugger-linux-x64.zip 然后我解压缩文件 我想知道的是在那之后我如何手动启动react本机调试器?查看他们的repo的入门部分; https://github.com/jhen0409/react-native-debugger/blob/master/docs/getting-started.md当您解压缩所有文件时,您将在其中找到可执行文件。在Ubuntu中,您可以通

React native React Native:基于异步存储结果的条件呈现()

尝试使用AsyncStorage变量有条件地呈现内容 我的应用程序使用react navigation中的CreateBoottomTabNavigator。我有一个名为“设置”的选项卡,它必须根据用户是否登录或是否检查异步存储来有条件地呈现内容。以下代码适用于第一次渲染,但另一个选项卡可以更新AsyncStorage值,返回到“设置”选项卡,它仍然渲染初始内容 我可以使用哪种方法来实现这一点,我也尝试使用shouldComponentUpdate,但我不确定它是如何工作的 import Rea

React native React本机链接承诺已解决拒绝未被调用

我正在使用react本机链接组件打开呼叫应用程序。呼叫建议对话框已打开,但当我单击“取消”时,它不会返回任何承诺 静态makePhoneCall=mobileNumber=> { 设phoneNumber=; 如果Platform.OS==='android'{ let userMobile=`tel:${mobileNumber}` 电话号码=用户移动电话; } 否则{ let userMobile=`tel://${mobileNumber}` 电话号码=用户移动电话; } Linking.

React native 在本机模式下打开键盘时,无法首次单击“保存”按钮

在我的本地应用程序中。。它具有从react native Modal导入的模式。在Modal中有一个文本输入字段。当我聚焦到文本输入时,键盘默认打开,但在文本输入中输入文本后,当我尝试单击“保存”按钮时,无法单击“保存”按钮。首先它关闭键盘,然后我可以点击保存按钮。有人能帮你解决这个问题吗?如果你正在使用ScrollView,请尝试设置keyboardShouldPersistTaps={'handled'},这样保存按钮就可以捕获点击,并且键盘不会关闭,除非ScrollView处理点击。文本输

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