React native ReactNative ScrollView不会滚动到底部

React native ReactNative ScrollView不会滚动到底部,react-native,scrollview,React Native,Scrollview,如果我尝试滚动到ScrollView的底部,它会反弹回默认位置,不允许我查看其全部内容 我的(被截断的)设置相当简单: 我确实试着确保所有的事情和所有的父母都有flex:1,一直到我的孩子和父母。但这似乎并不奏效 你知道如何调试这个吗?我知道ReactNative的网站建议这样做,并说在inspector中这样做很容易(但没有关于如何做的说明)。如果我假设存在“无界高度”问题,人们会如何找到这个无赖的无界节点?还是别的什么?有界高度意味着滚动视图本身必须有界。 如果ScrollView具有无

如果我尝试滚动到ScrollView的底部,它会反弹回默认位置,不允许我查看其全部内容

我的(被截断的)设置相当简单:


我确实试着确保所有的事情和所有的父母都有flex:1,一直到我的孩子和父母。但这似乎并不奏效


你知道如何调试这个吗?我知道ReactNative的网站建议这样做,并说在inspector中这样做很容易(但没有关于如何做的说明)。如果我假设存在“无界高度”问题,人们会如何找到这个无赖的无界节点?还是别的什么?

有界高度意味着
滚动视图本身必须有界。
如果ScrollView具有无限高,它将随着内容拉伸而不滚动


您只需将
height
添加到
ScrollView
中,看看它是如何工作的,从那时起,您可以使用绝对高度或使用flex,以将
ScrollView
高度限制到您想要的高度。

您必须确保
ScrollView
具有固定高度,要么为父母设置,要么为自己设置

我使用flex来设置它的高度,而不是直接指定它,这样它可以在所有屏幕大小上工作。所以对于你的代码



尝试将flex完全从
滚动视图中取出,只需将
flex:1
放在父视图上即可。对我来说,问题是在滚动视图上设置一个
垂直填充
顶部填充
底部填充
。别那么做。它会影响ScrollView内容的高度,而ScrollView不会对其进行适当调整。


<ScrollView  style={{flex: 1, marginBottom: 30}} /> 
    items
</ScrollView>
项目
这对我很有用

    <ScrollView>
       <View style={{height:2000}}>

       </View>
    <ScrollView>


重要的是为ScrollView中的元素设置一个定义的高度,父视图必须具有style={{flex:1}},然后ScrollView可以具有style={{flex:1}}这对我来说很有效:

<View style={{flex: 1}}>
   <ScrollView>
      <View style={{paddingTop: 16, paddingBottom: 16}}>
         <SearchBar />
         <ItemsContainer />
      </View>
   </ScrollView>
</View>

添加

在scrollview内部的底部。它会给我一些空间

对我来说最有效的方法是在视图中包装滚动视图。然后给视图一个高度,并在ScrollView上设置flex:1

大概是这样的:

 <View style={{ height: "60%" }}>
     <ScrollView style={{ flex: 1 }}>
       <List/>
     </ScrollView>
 </View>


我确实为链上下的每个节点设置了flex。并且还链接了您在我的问题中包含的相同链接。您可以使用每个视图的样式元素更新问题吗?我遇到了类似的问题,我再次查看了我的代码。我将ScrollView包装在一个视图中,该视图有一个flex,而不是在ScrollView中设置它本身。你能查一下最新的答案吗?嗯。。即使我显式地将ScrollView设置为high,它仍然会反弹。你说的“反弹”是什么意思?从中间到开始是随机的吗?发生了什么,什么时候发生了什么?补充:身高:“90%”解决了我的问题,百分比会根据你的集装箱而变化你是救世主。它对我也很有效,但我必须把
flex:1
放到
ScrollView
的所有家长那里。另外,如果要添加填充,请添加一个直接子视图
并将填充添加到该视图中。将填充添加到子视图