Question

我正在尝试将滚动视图的高度设置为屏幕高度的72.5％。如果在周围放上边框，则可以看到边框表明这是正确的。但是，如果我将某些内容插入ScrollView，则其中的元素比预期的要小得多。它的高度也成比例（22％）。我在ScrollView中输入的内容越多，这些元素就越大（即，滚动视图的内容越来越大，因此其中的元素正在缩放）。我不希望这样，我希望元素为固定的72.5％的22％。我尝试插入一个100％滚动高度的视图（尽管边框显示它呈现得更少），我尝试了各种不同的包装视图，并尝试直接将高度设置为scrollView，但是这些似乎都没有解决它。有什么建议么？预先感谢。

<View style={{ width: "100%", height: "72.5%", flexDirection: "column" }}>
   <View style={{width:"100%", height:"100%"}}>     
     <ScrollView  showsVerticalScrollIndicator={false} style={{ width: "100%", height:"100%", flexDirection: "column" ,borderWidth:2}}>
         <View style={{width:"100%", height:"100%", borderWidth:2}}>
             <Bio height={"22%"} plays={10} audience={10} ownUsername={"TestUser"}/>
             <Bio height={"22%"} plays={10} audience={10} ownUsername={"TestUser"}/>
         </View>
     </ScrollView>
   </View> 
 </View>

Answer 1

很难理解您的问题，但是如果我想的是……请查看React Native Documentation on contentContainerStyle of a ScrollView

反应本机。 ScrollView高度

1 个答案: