我正在创建一个关于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 '.
我可以在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文档并没有真正涵盖在30多个不同场景的情况下应该做什么。我可以在这个组件中添加一个状态,让它包含所有的文件变体,但这似乎需要做更多的工作。
如果有大量可能的图像,可以创建包含所有可能图像的对象,然后在图像源中传递图标名称
let icons = {
'sample1': require('./weatherimg/sample1.png')
,'sample2':
我刚刚从零开始了一个新的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
本机基选择器呈现标签而不是值
<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中实现带有淡入淡出过渡的动态图像的滑块,并使用不透明度播放。
我所做的是
changeBackgroundImageNew = ()=>{
const TIME_TRANSITION = 4500
let images_length = this.props.AppStore.barbershop_details.images.length
let index_image = 0;
setInterval(()=&
我有一个名为modal的片段,它负责使用动作showModal和hideModal显示和隐藏一个modal
下面是它的外观:
export const modal = createSlice({
slice: "modal",
initialState: {
visible: false,
selectedExpenseId: null
},
reducers:{
showModal: (state, { payload }) =>
嗨,我在react native中使用地理位置坐标来显示我周围的用户。我已经实现了一个下拉刷新功能,可以在我改变位置后刷新用户列表。当我从后台模式返回时,如何刷新数据
displayPosition = () => {
this.watchId = Geolocation.getCurrentPosition(
(position) => {
let obj = {
latitude: position.co
我的状态对象如下所示:
activeUsers: {
country: {userID:{userProfileObject}}
}
this.setState(
{
activeUsers: {country1: {...this.state.activeUsers.country}, country: {userID: "12345"}},
}
)
我正试图像这样更新状态
this.setState(
{
activeUse
我正在我的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”导入React,{Component};
从“react native”导入{样式表、视图、文本、PanResponder、动画、宽松、尺寸、图像、按钮};
从“react native”导入{ToastAndroid}
export default class Viewport extends Component {
constru
在iOS模拟器13.3和Android 10上
我有一个外观和使用配色方案的问题,当我设置暗模式时,它仍然返回光
import { useColorScheme, Appearance } from 'react-native';
const colorScheme = useColorScheme();
console.log(colorScheme, Appearance.getColorScheme()) // "light", "light"
我做错什么了吗?我发现了问题
与此拉取请
我试图在我的项目中使用龙虾字体,因此我:
添加了从google字体下载到/assets/fonts文件夹的.ttf文件
创建:
module.exports={
项目:{
ios:{},
安卓:{},
},
资产:['./资产/字体/'],
};
运行命令反应本机链接
-收到的成功资产已成功链接到您的项目
在我的风格对象-fontFamily:“常规龙虾”
但是仍然不起作用如果您使用的是expo,在完成以下步骤后,它应该会起作用:
步骤1:
将Lobster-Regular.ttf文件放入。/a
在React Native中,我创建了一个名为ImageSelector的功能组件,其中我使用expo image picker并使用图像URI作为使用Formik的父组件中的必填字段。我的模拟器工作正常,我能够成功地选择一个通用映像,并将映像URI记录在控制台“success:”+result.URI中,但以下是错误:
我想在下面的图像组件中显示图像,但图像不显示,它不会中断。我得到了以下未处理的错误:ReferenceError:找不到变量:props,我想它引用的是父表单组件,但我不知道要
我持有一个包含base64编码图像数据的对象列表作为状态,因此我可以在列表组件中向用户显示它们。大概是这样的:
[
{
id: "23789373",
address: "92 West Sunnyslope Street Woodhaven, NY 11421",
thumbnail: "iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYA...",
我想从我的网络视图中打开谷歌地图应用程序中的谷歌地图链接。当链接在外部浏览器中打开,然后指向谷歌地图时,是否可能
这是我正在使用的代码
<WebView
source={{ uri: "https://reactnative.dev" }}
ref={this.WEBVIEW_REF}
onNavigationStateChange={this.onNavigationStateChange.bind(this)}
恕我直言,但当我阅读react原生文档时,与常规javascript存在语法差异。我试图找出描述语法的文档在哪里
例如这句话
var {
ActivityIndicatorIOS,
StyleSheet,
View,
} = React
以及在中使用=>运算符
setToggleTimeout: function() {
this.setTimeout(
() => {
this.setState({animating: !th
如何允许tabbarIOS.item使用我的图像
这是我的密码
我有一个名为itemSelected的图像
<TabBarIOS.Item
selected={this.state.selectedTab === 'Item'}
icon={require('image!itemNotSelected')}
selectedIcon={require('image!itemSelected')}
title="Item"
我们已经在iOS和Android上实现了一个现有的本机应用程序,我们想添加一个新功能,其中共享代码用React native编写。根据我的研究,React native要求iOS和Android项目是React native主目录的子目录
由于我们的iOS和Android应用程序的开发速度可能不同,因此将这两个repo迁移到单个React本地repo将不符合我们当前的开发流程
研究
我已经看到这个问题在它的许多问题中提出了一个类似的问题,也就是如何组织风投?在mono存储库中移动4个代码库iOS
我是react本机应用程序中的用户react导航。登录后,我导航到主屏幕,从那里我要注销,我应该导航到上一个屏幕说登录。但在导航道具里面,我找不到任何方法在不使用goBack功能的情况下重新登录屏幕。我的导航有点乱,请仔细查看我的导航
这是我的导航员
从“React”导入React;
从“react native”导入{View,Text};
//领航员
从“反应导航”导入{DrawerNavigator、StackNavigator、TabNavigator}
//抽屉屏风
从“../../
我对react native是新手,我创建了一个示例登录表单。在这个表单中,我想将总视图与中心对齐。我试过这种方法,但没有成功,你能指导我如何做到这一点吗
我的登录类是
import React, {Component} from 'react';
import {AppRegistry,Text, View,TextInput,TouchableOpacity,StyleSheet} from 'react-native';
export default class Login extend
我在React Native中工作,实际上我正在尝试实现一种自定义侧菜单,以避免实现DrumerMenu,我只尝试在headerLeft上添加一个图标,但它不起作用,按下时没有任何动作
class HomeScreen extends React.Component {
static navigationOptions = {
headerTitle: ('',
<Image style={{ width: 150, height: 40 }
我真的不明白我的代码有什么问题,有人能帮我吗
我的代码:
import React from 'react';
import { StyleSheet, Text, View, Button } from 'react-native';
import {createStackNavigator} from 'react-navigation-stack';
import { createAppContainer } from 'react-navigation';
const MainNav
我买了一台新电脑,我将安装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原生应用程序中创建一个动画“查看更多/放弃”按钮。我计划使用onLayout或onTextLayout方法来获取文本的高度,然后使用动画和overflow:hidden在单击按钮时显示文本。下面是代码的样子:
<Animated.View style={{overflow: "hidden", height: heightAnim }}>
<Text
onTextLayout={({ native
我检查了许多链接,发现异步存储是存储任何数据的最佳方式,但它是一种持久方式。我只需要知道是否有任何其他方式来存储会话数据,这些数据应该可以用于特定会话,例如当用户登录到我的应用程序时
在我的用例中,用户使用凭据登录,然后我们需要将特定于用户的数据显示在我们需要的任何位置,就像其他屏幕一样。除了Asyn存储之外,我还应该使用其他方法吗?我建议使用本机keychain、realm或sqllite
我希望下面的文章将帮助您了解这些库和备选方案
希望这会有所帮助 因此,如果您不使用redux,您可以使
我继承了以下组件,该组件与react native的早期版本配合良好,在其他组件显示的按钮上显示不透明的滚动进度条
最近,当我升级到react native 0.62.2时,我在请求添加useNativeDriver时出错。当添加它并将其设置为“是”时,我得到一个错误,即本机动画模块不支持样式属性“宽度”
当将useNativeDriver设置为false时,我没有得到错误,但动画不起作用,至少在android上不起作用。没有在iOS上测试
关于如何修改代码以使其与最新版本的react nati
不幸的是,我很难真正掌握这个库是如何工作的,特别是视差分量。我想知道是否有人能帮我。我正在努力使我的图像渲染
以下是文件:
这是下面的代码,但我也有一个零食已经在运行它
顺便说一句,它不会在网络上加载,你必须选择IOS或android
import React, {useRef, useState, useEffect} from 'react';
import Carousel, {ParallaxImage} from 'react-native-snap-carousel';
import
这可能是一个愚蠢的问题,但我不明白组件宽度是如何工作的
当我这样做时:
render() {
return (
<View style={{ height: 100, backgroundColor: 'yellow' }}></View>
)
}
我的黄色视图可见,高度为100,全宽为100。
为什么?我从来没有设置过宽度,为什么宽度不等于0?除非同时传递高度和宽度,否则视图基本上与子视图的高度和宽度
当平面列表反转时,加载指示器将位于底部,如何将其保持在顶部?我最后使用了一种变通方法,将平面列表包装在ScrollView中,并将refreshControl保留在ScrollView中
const { fetchingMore, onFetchMore } = this.props;
return <ScrollView
contentContainerStyle={{
flexDirection: 'row',
alignSelf: 'flex-end',
我正在尝试从地图上删除标准的红色标记。我必须使用自定义标记。有什么建议吗
假设您正在使用可以使用image prop在标记中使用自定义图像,选中假设您正在使用image prop在标记中使用自定义图像,选中
<Marker coordinate={data}>
<Text style={{paddingLeft: 20, marginLeft: 60, color: 'red'}}>
<UserAvatarContainer
avatarUr
Expo具有用于发送推送通知的通知API。然而,当应用程序位于后台时,如何发送推送通知?可以从服务器触发推送通知或提前安排推送通知吗?发送推送通知是从您的服务器完成的,因此您可以随时发送推送通知,并安排作业来处理推送通知
但是,如果应用程序是后台的,并且用户尚未选择通知,则您将无法在客户端处理通知的接收。根据:
您无法在后台处理推送通知。这是一本书
正在进行中
但是,如果应用程序位于前台或用户选择了通知,则通知将传递给应用程序中的侦听器。发送推送通知是从服务器完成的,因此您可以随时发送推送通知,
我正在使用Realm数据库构建react本机应用程序。我想将realm数据库导出到单个文件,然后再由另一个移动设备导入该文件。如何在react native中导出和导入域数据库?目前不允许通过react native中的代码导出文件。领域模块当前不具有该功能
但是,您可以自己移动文件,复制它,然后将其放入另一个项目的领域库中,以便在另一个设备上检查它。
或者您可以保存文件,然后使用Realm studio程序检查数据
文件路径
如果我仍然想完成这项任务,我是否应该改为其他数据库,如sqlite?
我想播放一段时间的音频。您是否可以确定循环音频的时间?在世博会上,我只看到一个声音的状态:isLooping:true。这将无休止地循环声音,而不是一定的时间!下面是我关于声音状态和播放声音的代码
//state of the sound
const { sound, status } = await this.recording.createNewLoadedSoundAsync(
{
isLooping: false,
isMuted: this.
我的组件中有一个标题,如下所示:
static navigationOptions = {
title: 'Accounts',
headerRight:( <OpenCamera showImageSlider={this.showImageSlider} /> ),
};
const ServicesStack = createStackNavigator({
ImageRecognitionScreen:ImageRe
我目前有一个AppContainer,它由一个底部选项卡导航器和一个用于配置文件设置的导航集组成。我试图了解如何正确安排一切,特别是如何在一个选项卡配置文件中嵌套导航,这样我就可以通过两个按钮访问另外两个页面QrCode和EditAccount。如何实现以下输出?我相信我必须以某种方式嵌套配置文件导航
我的标签在下面
家
队列
轮廓
:在这里,我还有两个页面可以访问QRCode和EditAccounts
App.js
应用答案后
该解决方案可根据需要提供以下代码:
const navigat
我有一个水平滚动视图
在这个滚动视图中,我想显示多个全高和全宽视图
我不知道如何将每个视图的宽度设置为100%
实际上,它们的自动宽度大约为70%
<SafeAreaView style={styles.container}>
<ScrollView
style={styles.info}
horizontal={true}
>
{this.state.list.map(item => (
<
我有一个卡片的平面列表,我想在有人按下卡片时显示一个模式。但按卡片似乎没有任何作用,所以我想知道我做错了什么。在顶部的代码中,我定义了模式可见性的状态,如果向下滚动到卡,您将看到onPress更改状态。卡片下面是实际的模式,它使用visible属性的状态来显示它或不显示它
代码:
根据您的代码,您需要将toggleModal函数传递给TouchableOpacity以显示您的模型。查看下面的示例以了解更多信息
import React, { Component } from 'react';
i
在下面的示例中,当用户使用导航注销时,我试图从“设置”屏幕导航到“身份验证”。导航到“身份验证”,但我收到一个错误:您有名为“身份验证”的屏幕吗
我不明白这里怎么了。在react导航4中,这是可能的
PS:可以忽略令牌部分
import React, { useState, useEffect } from 'react';
import { Text, View } from 'react-native';
import AsyncStorage from '@react-native-co
我想在这里更改复选框状态。单击复选框后,不会显示任何更改。但在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中使用容器
在这个组件中,我尝试了一些代码,请检查一下
这是App.js
import React from 'react';
import {View, Text} from 'react-native';
const App = props => {
return (
<View>
我对React Native还不熟悉,所以如果这是一个愚蠢的问题,我很抱歉,但是我在使用Native base的Accordion组件时遇到了一个错误。我给了我一条消息:e.state.selected.indexOf不是一个函数
我将本机基本文档中的示例代码粘贴到零食中以显示问题。这是代码,非常简单:
import React, { Component } from "react";
import { Container, Header, Content, Accordio
我在三星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
我正在使用StackNavigator库,但无法确定如何从navigationOptions中访问道具
在我的职业课上,我有:
navigate("TestView", { mdata: mdataObject })
在我的TestView类中,我有以下内容:
static navigationOptions = {
title: this.props.navigation.state.params.mdata.title
}
但是,我得到以下错误:
找不到未定义的属性“导航”
我已
我正在使用react native camera中的RNCamera,并使用CameraRoll react native API保存照片。但saveToCameraRoll方法只获取takePictureAsync返回的照片uri。
并将照片保存到DCIM文件夹中。但我想把它保存到某个特定于应用程序的文件夹中。我怎样才能到达它呢?我使用了很酷的rn fetch blob库来达到这个目的。这里的我可以创建一个目录,但是我无法将图像移动到该文件夹,如果它对您有帮助的话
如果你能格式化你的代码,增加
我想在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中,您可以通
尝试使用AsyncStorage变量有条件地呈现内容
我的应用程序使用react navigation中的CreateBoottomTabNavigator。我有一个名为“设置”的选项卡,它必须根据用户是否登录或是否检查异步存储来有条件地呈现内容。以下代码适用于第一次渲染,但另一个选项卡可以更新AsyncStorage值,返回到“设置”选项卡,它仍然渲染初始内容
我可以使用哪种方法来实现这一点,我也尝试使用shouldComponentUpdate,但我不确定它是如何工作的
import Rea
我正在使用react本机链接组件打开呼叫应用程序。呼叫建议对话框已打开,但当我单击“取消”时,它不会返回任何承诺
静态makePhoneCall=mobileNumber=>
{
设phoneNumber=;
如果Platform.OS==='android'{
let userMobile=`tel:${mobileNumber}`
电话号码=用户移动电话;
}
否则{
let userMobile=`tel://${mobileNumber}`
电话号码=用户移动电话;
}
Linking.
我希望按钮按下时看起来更暗一些
我想我可以为activeOpacity分配多个参数。但它不起作用
你还有别的办法吗
谢谢 触摸高光会在触摸时变暗,与触摸不透明度相反。请看一看。请提供一些您尝试的代码,并查看此页面:
在我的本地应用程序中。。它具有从react native Modal导入的模式。在Modal中有一个文本输入字段。当我聚焦到文本输入时,键盘默认打开,但在文本输入中输入文本后,当我尝试单击“保存”按钮时,无法单击“保存”按钮。首先它关闭键盘,然后我可以点击保存按钮。有人能帮你解决这个问题吗?如果你正在使用ScrollView,请尝试设置keyboardShouldPersistTaps={'handled'},这样保存按钮就可以捕获点击,并且键盘不会关闭,除非ScrollView处理点击。文本输
1 2 3 4 5 6 ...
下一页 最后一页 共 626 页