我是ReactNative的新手。向前导航然后返回到该屏幕时，我在保持平面列表的位置时遇到问题。当前行为向前导航然后向后导航时，滚动位置会丢失。预期行为当浏览大量项目列表时，用户向下滚动列表并单击某个项目。该应用程序会转到显示产品详细信息的下一页。如果用户决定向后导航，则页面不会滚动到前一点。 最佳答案 尝试处理状态下滚动位置的变化:handleScroll方法:handleScroll:function(event:Object){this.setState({scrollPosition:event.nativeEvent.co
我创建了一个屏幕，其中显示了一个包含FlatList的组件。出于某种原因，我无法滚动列表。谁能发现我的错误并指出正确的方向？我的屏幕文件中的渲染函数和样式:render(){return();}}conststyles=StyleSheet.create({container:{flex:1,overflow:'hidden',backgroundColor:'#fff',alignItems:'center',justifyContent:'flex-start',},list:{flex:1,overflow:'hidden',},});从我的listitem组件渲染函数和样式:e
我有一个列表，只是简单的文本，在ReactNative上呈现为平面列表，但我遇到了非常非常慢的性能，这使得应用程序无法使用。我该如何解决这个问题？我的代码是:{item.key}}/> 最佳答案 这是我的建议:A.避免在renderItem属性上使用匿名箭头函数。将renderItem函数移出到render函数的外部，这样它就不会在每次调用render函数时重新创建自己。B.尝试在FlatList上添加initialNumToRender属性它将定义第一次渲染多少项目，它可以节省一些数据量大的资源。C.在项目组件上定义key属性简单
我的应用程序从服务器获取数百个项目，然后将此数据加载到flatlist5项目通过5项目onEndReached。但是，当我尝试滚动几十个项目时，我的应用程序不再响应onPress(平面列表之外)，并且内存使用开始激增导致崩溃:Clickheretoseeimageofmemoryusage我尝试了一切，从使用getItemLayout、PureComponent、maxToRenderPerBatch、windowSize，我从我的项目中删除了所有图像，所有图像都是可触摸的，但仍然无法解决这个问题。我当然是在Release模式下运行我的应用。我不知道如何解决这个问题，因为它只发生在iO
我正在尝试修复我的图像平面列表，有时当我加载屏幕时会加载所有图像，有时会加载随机数量的图像，我不知道为什么。关于如何让所有图像始终一致呈现的任何建议？图片来源来自外部网址。我在这个问题上添加了一个gif。它向我展示了切换屏幕，以及每次返回Flatlist图像网格时得到的不同结果。https://imgur.com/HmC3Dvr我已经尝试了flatlistpropremoveClippedSubviews={true}和{false}。renderItem=({item,index})=>{return(//console.log(item))}render(){return({thi
我将尝试解释我的情况:我有2个页面/屏幕SreenA.js:......ScreenB.js:...ThisbuttonforbacktoScreenA...我想要实现的目标:WhenipressbackbuttoninscreenB,myappwillbacktoscreenA.WhenicomebacktoscreenA,ineedtorefreshtheFlatList.(eachtimeibacktoscreenA).我如何在AndroidNative中实现这种情况？Iaddthissectiontohelpyoutomoreunderstandwhatchallengeifa
我有一个带有onScroll函数的FlatList，如下所示:i.id+uuid.v4()}renderItem={this._renderItem}horizontal={true}scrollEventThrottle={1}onScroll={reactionGroup.reactions.length>1?this.onScroll:null}showsHorizontalScrollIndicator={false}/>onScroll(event){const{timing}=Animatedif(event.nativeEvent.contentOffset.x>0){t
我有一个FlatList组件，我在其中呈现x个TouchableHighlight。我需要FlatList中的所有组件垂直居中对齐。问题是，如果我将justifyContent:center放在contentContainerStyle中，什么也不会发生，但是如果我将flex:1添加到contentContainerStyle我得到我想要的结果。如果我不必进行滚动，这很酷，但是当我在FlatList中有许多组件强制滚动以查看所有组件时，滚动从这些列表的中心开始并且不要让我滚动。这是我的代码:index}renderItem={({item,index})=>{return({item.
非常奇怪的行为，我正在使用FlatList，在它上面有2个float按钮(TouchableOpacity)(绝对位置)，当它们被按下时，他们的背景颜色变成黑色。这仅发生在IOS上。代码:渲染letcontent=({if(this.props.isFetching){returnitem}constproperty=itemreturnproperty.propertyId}}>{header})return({content})exportdefaultclassAdditionalSearchParamsButtonextendsComponent{//Proptypewarni
非常奇怪的行为，我正在使用FlatList，在它上面有2个float按钮(TouchableOpacity)(绝对位置)，当它们被按下时，他们的背景颜色变成黑色。这仅发生在IOS上。代码:渲染letcontent=({if(this.props.isFetching){returnitem}constproperty=itemreturnproperty.propertyId}}>{header})return({content})exportdefaultclassAdditionalSearchParamsButtonextendsComponent{//Proptypewarni
