ScrollView not working


#1

Hi. I need to implement a ScrollView, but it doesn’t work at all. I add multiple components to it and when I try to scroll, nothing happens, text goes out of my screen and I am unable to see it. Here is the code:

 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>
     );
}

#2

hi !

Is there any chance you could create a Snack at https://snack.expo.io/ that repros your problem? It would be easier to debug that way.


closed #3

This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.