React native React Native:如何添加全屏乐天动画

我使用的是lottie的线性渐变,代码在ios上运行良好,但在android上它不适合全屏显示,渐变和视图之间有某种填充。 在ios上,它运行良好…我尝试了很多方法, 购买包括填充到0,甚至保证金到-20,但没有任何效果…有解决方案吗? 您缺少的是resizeMode,它没有在文档页面上指定,但是如果您查看源代码,就会找到它 如果您不想损失一些像素,这里有一些方法可以发挥作用: import React, { Component } from 'react'; import { Styl

React native 在创建React本机应用程序期间使用expo init时,子进程出现错误,进程退出,代码为非零:1

我已经删除了expo文件夹并清理了npm缓存,在创建react本机应用程序时再次导致错误 npm install -g expo-cli expo init projectname 错误: 进程退出时,子进程出现错误,代码为非零:1 在创建React本机应用程序期间使用expo init 我已经用贝娄命令解决了这个问题 sudo npm install -g npm 我刚刚用下面的命令解决了这个问题 sudo npm install -g npm npm已退出,非零代码:429496729

React native 为什么本地平面列表样式不随状态更改

我有一些标签。我想更改所选选项卡的颜色。我为所选选项卡索引创建了一个状态,该索引将保存选项卡ID。按下选项卡时,所选状态将更改为按下的选项卡ID。我正在将所选状态与选项卡ID进行比较。如果两者相等,则所选选项卡将具有不同的样式 但当状态更改且条件为true时,所选选项卡不会更改其状态。为什么状态更改不会触发样式中的比较以更新样式 { 返回{ this.setState{selected:item.id},函数{console.logthis.state.selected,item.id con

React native 将零部件放置在“反应本机”中的右中位置

我仍在学习react native,尤其是flexbox。我有一个TouchableOpacity,上面有一些子组件,比如: 问题是我无法将箭头图标移动到TouchableOpacity的右中。我试着用 JustifContent:'center',alignItems:'flex end',但什么也没发生。这是我的密码: <TouchableOpacity onPress={this.onRowPress}> <View style={{ padding: 5 }}>

React native 如何在平面列表中呈现按钮?

我有两个按钮,我正试图在一个平面列表中呈现,以便它作为一个列表进行多次迭代和显示。我该怎么做 <FlatList data={this.state.data} extraData={this.state} renderItem={this.renderItem} keyExtractor={items => items.id} /> <TouchableOpacity onPress={this.onPressButtonPlay.bind(this)}&

React native react native/vue native是否使用设备本机样式?

我正在创建vue本机应用程序,但输入文本看起来像HTML上的输入文本。我认为vue native会创建一个每个设备都带有本机样式的本机输入。 我忘了什么吗 我发现这似乎是我需要的解决方案。由于我对本机应用程序不熟悉,因此此库是否是每个设备实现本机样式的方法?当react native渲染本机视图时,它不需要应用本机平台和操作系统版本特定的样式。这些在每个平台和设备版本上看起来都不一样,而且也不可能从react native中进行设计。有些组件看起来像本机组件,例如,但它们的样式也来自react

React native react native |循环呈现平面列表的项目

我将创建此项目的平面列表: 但是,我意识到元素{JSON.stringifyencData}的内容一直在变化,就好像Item函数正在循环一样。为什么? 此时,您可以找到我为页面编写的所有代码。我可以看到您正在将此部分放入渲染函数中: 取回https://example.com/api/encrypt', { 方法:“POST”, 正文:JSON.stringifycontent, 标题:{ “内容类型”:“应用程序/json;字符集=utf-8”, “授权”:jwt } } .thenrespo

React native “Chalet”系列字体在React本机iOS应用程序中不起作用

我曾经在react native应用程序中使用过“chalet”字体。这种字体在“iOS版本”中不起作用,但在Android版本中效果很好。我尝试过其他字体,但在iOS和android版本中都可以使用 如果你们能找到解决办法,请帮帮我 通常iOS和android的字体名称不同 请按照下面的链接了解iOS字体的名称 https://medium.com/react-native-training/adding-custom-fonts-to-react-native-b266b41bff7f 并根

React native 如何在屏幕中央以小窗口的形式显示React Native模式 我想在屏幕中间显示我的反应模式,即使我已经做了造型,但是在屏幕顶部的窗口,但不是在屏幕的中心。 这就是我迄今为止所尝试的: <Modal animationType = {"slide"} transparent = {true} style={styles.modal} visible = {this.state.modalVisible} onRequestClose = {this.closeModal}> <View style={{justifyContent: 'center', backgroundColor: '#ffff', margin: 0, alignItems: 'center'}}> <Text >Enter Email</Text> <TextInput underlineColorAndroid='transparent' onChangeText={(email) => this.setState({email})}/> <Text>Enter Password</Text> <TextInput secureTextEntry={true} underlineColorAndroid='transparent' onChangeText={(password) => this.setState({password})}/> <TouchableHighlight onPress = {() => { this.toggleModal(!this.state.modalVisible)}}> <Text >Close</Text> </TouchableHighlight> </View> </Modal>

在ReactNative模式中没有样式道具。请参阅中的文档,稍后将在回答中对此进行详细介绍 要正确设置模态的样式,需要创建一个样式为flex:1的视图,作为所有子元素的父元素。例如,您可以执行以下操作: <Modal animationType={"slide"} transparent={true} visible={this.state.modalVisible} onRequestClose={this.closeModal} > <View styl

React native 为facebook app review创建一个模拟器构建。(不存在捆绑URL)

我正在准备提交facebook应用程序审查的构建文件 我创建了模拟器构建文件。但是当我用这个命令验证build时 ios-sim launch /path/to/your-app.app 上面说没有捆绑URL 它与xcode配合得很好 没有这个根本没有问题 但只有这个模拟器构建文件不能使用上述命令 我如何解决这个问题?我通过非常简单的更改解决了这个问题 有一件事facebook没有说 当您创建构建文件时,它应该是发布模式 别忘了这件事,浪费你的时间

React native 未找到本地Sdk的实时广播

我正在react native上开发视频通话和直播应用程序。我找到了用于视频通话的react本机sdk,但不幸的是,我没有找到任何用于直播的react本机sdk。Agora现场直播是否有react native sdk?如果有人能在这方面帮助我,我将非常感激 您可以使用视频通话SDK本身进行直播 您可以使用setClientRole方法将用户的角色设置为广播者或观众 e、 g rtcnengine.setClientRole0;观众:0,主持人:1

React native 在转盘视图中离开屏幕时平面列表参考错误

我在React Native中有一个自动滚动转盘,每X秒自动滚动一次和手动滚动一次图像,一切正常 问题是,当我离开该屏幕时,会出现以下错误: 这是我的全部代码 const { width, height } = Dimensions.get("window"); let flatList; function infiniteScroll(dataList) { const numberOfData = dataList.length; let scrollValue = 0,

React native #react native[0.42]-使用Redux进行新导航-无法将状态映射到道具

注册护士:0.42 我尝试使用新的导航(已发布)+redux,但我无法在商店经过的屏幕中将redux的初始状态映射到道具 我接着说: 我已经写了我的自定义减速机 导出常量类型={ ... } 导出常量actionCreators={ 身份验证:()=>async(dispatch,getState)=>{ ... } } 常量初始状态={ 认证:{ ... } } 导出常量缩减器=(状态=初始状态,操作)=>{ 常量{auth}=state const{type,payload,error}=

React native 从Expo应用程序调用本地托管服务器

我正在创建一个react本机应用程序,我创建的其中一个组件包含一个属性,该属性通过来自http请求的数据填充 现在我正在从笔记本电脑上托管服务器,不过我正在使用Expo应用程序在手机上测试该应用程序。由于这是两个独立的设备,因此调用无法工作,因此我无法判断我的组件是否正常工作 我有没有办法在笔记本电脑上运行服务器并进行设置,以便来自Expo应用程序的http请求到达服务器 您应该更换http://localhost:3000/带有计算机ip地址的地址 在windows上,打开一个提示符并键入ip

React native DeviceEventEmitter it';他听了两遍了

我不知道为什么当我触发一个事件时,设备eventemitter.addListener会发出一次,但会监听两次 我在每个屏幕上都添加了一个组件Base,比如 <View> {this.props.children} <ModalComponent /> </View> 调用Service.show时,第一个日志只显示一次,但立即在addListener中显示两次 我已经试过了 this.listener = DeviceEventEmitte

React native 在reducer更新状态后,状态未更新

我正在尝试从App.js获取网络连接可用性的数据。我正在从App.js向action和reducer获取数据,但reducer没有更新我的组件的状态。reducer中的控制台日志正在工作,但我无法在myComponent的MapStateTrops中获取数据。 我的App.js文件包含以下代码 import React, { Component } from 'react'; import { Provider } from 'react-redux'; import { NetInfo } f

React native 在react native中动态隐藏导航标头

我想根据redux属性动态隐藏导航标头。 这是我的密码 // navigation options static navigationOptions = ({ navigation }) => { const { params = {} } = navigation.state; console.log(params.mainFeedIsLoading); if ( typeof params.mainFeedIsLoading !== unde

React native 无法调用react本机函数

我正试图从底部的一张纸里面打开我的图库。 这是一个我不知道如何在React native中调用函数的问题 这是我的底片 BottomSheet.showBottomSheetWithOptions({ options: ['Gallery', 'Camera'], title: 'Choose attachment', dark: false, cancelButtonIndex: 3, }, (value) => { switch (value) {

React native 连接性管理器的React本机包装器

我正在寻找RN社区的图书馆,它可以帮助我管理我的活动wifi连接。我想连接/断开某些wifi网络 Java中的等效类是: NetInfo可以解决您的问题。 这里有一个例子 在这里找到更多 import {NetInfo} from 'react-native'; NetInfo.getConnectionInfo().then((connectionInfo) => { console.log( 'Initial, type: ' + connectionInfo

React native 运行react native run android时出错

我已按照此链接上的说明进行操作。但应用程序并没有在emulator上启动 然后,我按照“删除节点\模块”文件夹中的说明进行操作- rm-rf节点模块和npm安装 重置打包机缓存-rm-fr $TMPDIR/react-*或node_模块/react native/packager/packager.sh --重置缓存 清除watchman watches-watchman watch del all重新创建项目 从头开始 并再次创建整个新项目,但每次出现此错误时 我有 npm 4.6.1 节点

React native 世博地图

我有一个以当前用户位置为中心的地图标记。 此标记具有可拖动属性,因此可以拖动 标记在地图上四处移动。我的问题是如何设置当前区域属性 这张地图是制作者的杰作。我基本上希望用户能够 拖动标记并更新地图区域 region={{ latitude: this.state.region.latitude, longitude: this.state.region.longitude, latitudeDelta: 0.0922, longitudeDelta: 0.0421 }}

React native 获取FlatList中已单击项的索引

我用的是一个简单的列表。我需要得到它的索引或点击项目的位置。假设如果单击第一个项目,我应该得到0,对于第二个项目,我应该得到1,依此类推。请查找以下代码并帮助我解决此问题。我试图在警报状态下显示已单击项目的索引 从“React”导入React; 导入{样式表、视图、文本、按钮、异步存储、警报、, 活动指示器,平面列表,可触摸,无反馈, ToastAndroid}来自“react native”; 导出类ListInfo扩展React.Component{ 静态导航选项={ 标题:'ListI

React native 过滤器棒不';t当数据为空时重置数据

我正在使用react native从异步存储中发布和获取数据,一切正常,我可以保存数据并获取数据,但我无法正确设置过滤条。它只在一个方向上起作用,例如,当我在输入中写入某些内容时,我会看到适合的结果,但是当我从输入中删除字符时,数据不会恢复正常,并且我看不到任何内容,即使filterBar为空,是否有人建议如何修复它 constructor(props) { super(props); this.state = { search: "", data: []

React native 如何使用“require”重用应用程序图标图像?

react本机应用程序图标放在ios\Vietvanhocro\Images.xAssets\AppIcon.appiconset和android\app\src\main\res\mipmap-。。。文件夹 如何在应用程序中使用这些图标而不复制它们 我能用isOS吗?需要“…/android图标”:需要“../ios图标”吗 我尝试过要求“../ios/app/Images.xassets/AppIcon.appiconset/icon-20.png”,但它给出了未定义的错误信息。您可以使用-

React native 通知操作按钮不显示应用程序的操作

我有一个带有“开始”和“稍后提醒”操作按钮的本地通知。当我点击两个按钮中的任何一个时,应用程序就会打开。我想保留它作为“开始”按钮,但对于“以后提醒”按钮,我想在不打开应用程序的情况下默默地运行一些代码(稍后重新安排通知) 这可能吗 功能开启(通知){ 如果(notification.action=='Start'){ 取消通知(notification.id) NavigationService.navigate(notification.title) }否则{ 取消通知(notificati

React native 如何限制本地映射?

我用。我想限制地图视图坐标,因为我只需要看到一个城市。 我该怎么做 <MapView style={styles.map} minZoomLevel={12} maxZoomLevel={15} initialRegion={{ latitude: this.state.lat, longitude: this.state.long, latitudeDelta: this.state.latdelta,

React native 用jest和Ezyme检查函数是否为分派动作

我有一个登录屏幕,它有一个方法,当调用该方法时,它会分派一个操作。我想使用jest和enzyme测试当按下按钮时,是否调用了这个函数,因此,动作被调度。我尝试了很多不同的方法,但都没能做到 screens/login.js import React, { Component } from 'react'; import { KeyboardAvoidingView, TextInput, StyleSheet, Text, Button, TouchableOpacity

React native FlatList内部FlatList滚动问题

我想将一个平面列表放入另一个平面列表中,但子平面列表不会滚动 我试图将子平面列表转换为ScrollView,将props scrollEnabled设置为false,将其转换为父平面列表,但两者都不起作用 下面是我想做的一个代码示例: 我希望在两个平面列表中滚动,而不仅仅是一个。您可以使用道具,但我建议您使用,因为这有点麻烦

React native 反应本机:打开图像上的链接单击

我有一个字典数组arr,其元素如下: {url: 'https://stackoverflow.com/', picUrl: 'link to pic', ...} 我想在单击第I个图像时打开第I个链接。我的代码如下: arr = this.example[key]; var arrayLength = arr.length; for(var i = 0; i < arrayLength; i++) { console.log(arr[i]); console.log(arr[i

React native 有可能在没有4G的情况下使用hotspot制作多人游戏吗?

我想知道如何创建一个应用程序,让我的朋友玩狼人游戏,但没有Wi-fI,只有一个不需要4G的无线热点。对于多人游戏,你需要一个服务器需要一个静态ip地址的网络,所以你可以随时使用接入点创建局域网,手机上的热点也会这样做,如果您需要更多帮助,请具体说明我想使用无线热点(LAN)发送和接收数据,即使在同一时间内4部以上的手机之间没有互联网。OFC有可能,您想要连接的设备越多,您需要的接入点越快谢谢,但我想知道如何连接

React native expo不被识别为内部或外部命令

我很难让expo开始工作。 我使用npm和Thread完全卸载了expo和expo cli,然后使用npm全局安装了expo cli,但仍然收到相同的错误。我认为这与最近的expo cli更新有关,因为它工作得非常好。那么,如何安装旧版本的expo cli 我在环境变量中也没有看到任何路径?这有什么关系吗 由于某种原因,更新弄乱了路径。 因此,我必须去编辑环境变量,并在系统变量下的变量“Path”中添加另一行 别碰新的。单击系统变量部分下的“路径”,并在那里添加新行。并使用“%USERPROFI

React native Datepicker的占位符随react native中的选定日期而更改,我希望使占位符保持不变,而不是更改

我是新手,需要帮助 我在react native中使用了一个native base的日期选择器,我在其占位符处放置了一个图标,当我单击日期选择器并选择日期时,占位符图标会随着所选日期的变化而变化,因此我想使占位符只显示图标而不是所选日期,因此我如何实现这一点。 我的日期选择器代码 import React, { Component } from 'react'; import { Alert, Image, ScrollView, View, AppRegistry, StyleSheet, A

React native 在反应本机模式选择器中添加图像

我使用react native model selector创建了一个模式,但是没有定义任何道具或方法来在react native model selector文档中添加图像或图标。是否有其他方法在react native model selector中添加图像或图标?根据文档,react native model selector提供了传递自定义视图的功能。使用customSelectorprop 这里的示例:它正在覆盖初始值,其他什么都不做。您能给我看一下添加图像的正确演示吗

React native node_modules/expo/AppEntry.js:Transformer.transform不是函数

几天来,我一直在寻找解决这个问题的方法,我认为这与我升级到最新版本的expo有关。我已经尝试降级SDK和expo版本,删除我的node_模块和包锁并重新安装。我已将SourceExts添加到我的app.json中 任何帮助都将不胜感激。该应用程序在网络浏览器中工作,但不会为iOs或android模拟器构建 app.json { "expo": { "name": "GotThis", "slug"

React native 我如何制作一个按钮,在单击下载应用程序时';什么是最新内容?

我正在制作一个城市指南应用程序。我想让它离线工作,还想让一个管理面板编辑或添加新的网页等。所以我计划做一个按钮,当服务器上的东西更新时,当我们在应用程序中点击一个按钮,它将下载最新的内容,并在下一次更新时使用它。对于管理面板更新,我计划创建一个网站并将其转换为应用程序,但我不确定是否可以拍摄该网站的快照并脱机使用。如果有人知道我该如何解决这个问题,我会很高兴的。我对react原生和移动应用程序开发非常陌生。谢谢您是否尝试过维护内容的版本?每当您更新内容时,在本地存储内容的当前版本,然后单击按钮,

React native 如何修复react native console.log内存泄漏

我正在使用twilio chat在react native中制作聊天应用程序。 创建客户端后,我尝试将console.log记录到客户端实体中,但随后我看到expo中的性能监视器显示使用的内存正在增加,UI冻结,然后应用程序崩溃 我怎么修理它?或者你认为这是一个twilio聊天library bug 编辑: 我发现了罪魁祸首,它是因为twilio聊天对象中的循环引用,将这些对象记录在react native中会导致内存泄漏 我的解决办法是对对象进行字符串化,希望有一天它们能解决这个问题。我也遇到

React native 如何使用redux将从服务器获取的数据传递到react native中的多个堆栈外导航器屏幕?

我有一个登录函数,可以从mysql数据库中获取用户信息。我想将这些数据发送到不同的屏幕,其中一些是堆栈外导航器。我研究了一段时间,知道这可以通过redux实现,但我找不到一个明确的例子来说明如何实现这一点。有什么建议吗 这是我的登录功能: login = () => { if (this.state.inputFieldsStatus == true) { // this.setState({passwordError:" So

React native 在特定时间隐藏或显示组件

正如标题所说,我想在某个时间或工作时间显示或隐藏,比如说上午8点到下午4点,按钮将在该时间显示,否则它将被隐藏。我怎样才能做到这一点?谢谢 注意:如果没有代码,我很抱歉,因为我不知道如何才能实现这一点您应该在组件的返回中使用一个条件: // above your component's return const [hours, setHours] = useState(new Date().getHours()); // in your component's return (<

React native 数据库更改不会调用Useeffect

我试图运行一个简单的代码内部使用效果。我已经设置了对数据库的依赖关系。因此,根据规则,当数据库发生更改时,应自动调用使用效果。但是我更新了评级的值,使用效果不被调用。所以效果不会显示更新后的值 但如果我按下cntrl+s,则会自动调用使用效果,更新后的值为hown> 现在,请帮助解决我的问题,这样,如果我更改任何数据库,将自动调用使用效果。 这是密码 useEffect(() => { console.log('testt--222------------------')

React native 以编程方式按下按钮以反应本机

我有一个按钮要通过编程方式单击: 你好 这是我用来触发上面按钮的按钮: 订阅 以下是我的onPress功能: const ref=useRef(); 常量handleNext=()=>{ ref.current.click(); }; 我不断得到错误:undefined不是一个对象(计算'ref.current.click') 知道发生了什么吗?您真的需要通过编程按下按钮,还是只需调用与您相同的函数来按下?例如,consthandlenext=()=>{doSomething()}@s

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