React Native ScrollView不起作用

Question

我是React Native的新手。 我需要實現ScrollView，但是它根本無法工作。 我向其中添加了多個組件，當我嘗試滾動時，什么也沒發生，文本從屏幕上消失了，我看不到它。 這是代碼：

    render() {
    return(
      <ScrollView 
        behaviour = "height"
        keyboardVerticalOffset = {64}
        contentContainerStyle = {{alignItems: 'center', marginTop: '5%', flex: 1}}
      >        
          <Title style={styles.title}>Booking Confirmation</Title>
          <Image style={{
            width: '55%',
            height: '5%',
            marginTop: '5%', 
            //flex : 0.2
            }}
            source={this.getCarrierImage(this.props.currentQuote.Carrier)}
            />
          <Text style = {{padding: '5%', fontWeight: 'bold'}}>Economy 2-3 days delivery</Text> 
          <Text style = {{textAlign: 'center'}}>Collection 8am-6pm, delivery in 2-3 working, delivered before 6pm</Text>

        <Text style = {{marginTop: '5%', fontWeight: 'bold', marginRight: '70%'}}>Parcel Details</Text>

        <ItemConfirmation/>

        <QuoteWarning/>
        <QuoteWarning/>
        <QuoteWarning/>
        <QuoteWarning/>
        <QuoteWarning/>
        <QuoteWarning/>
        <QuoteWarning/>
        <QuoteWarning/>
        <QuoteWarning/>
        <QuoteWarning/>
      </ScrollView>
     );
}

Answer 1

據我所知，react-native使用flex作為布局屬性，它不會占用您的百分比值。 而是嘗試使用像素作為填充，邊距，寬度和高度。 您可能會靠近一點。 當我在電腦旁時，可以在幾個小時內更近地查找它。