2017-04-07 3 views
0

J'ai des recherches sans aucune solution à ce sujet, donc je pense que vous pouvez m'aider. Je crée différentes scrollviews et la vue n'est pas correcte. Entre ScrollView End et ScrollView Start il y a un long espace et je ne sais pas quel style modifier pour éviter cela. J'ai essayé toutes les solutions possibles trouvées dans Internet, mais rien résoudre le problème :( Lorsque le scrollview est réglé pour envelopper, le long espace apparaissent!Beaucoup d'espace entre deux scrollviews parce que wrap - Réagir natif

Toute idée?

Merci à l'avance!

Je crée quelque chose comme ceci:

<View> 
    <ScrollView 
     contentContainerStyle={{flexDirection:'column', alignContent:'space-around'}} 
     automaticallyAdjustContentInsets={false} 
     contentInSet={{bottom:49}} 
     style = {{paddingBottom: 0, marginBottom:0}}> 

      <Text>Testing</Text> 

     <ScrollView 
      contentContainerStyle={globalStyles.COMMON_STYLES.scrollView} 
      automaticallyAdjustContentInsets={false} 
      contentInSet={{bottom:49}} 
      style={{padding:0, margin:0}}> 
       <Text>ScrollView End</Text> 
     </ScrollView> 
//Here is the problem!!! Lot of space in the IOS Simulator. 
     <Text>ScrollView Start</Text> 
    <ScrollView> 
     <Text>Test</Text> 
    </ScrollView> 
</ScrollView> 
</View> 
globalStyles.COMMON_STYLES.scrollview 
scrollView: { 
    flexDirection: 'row', 
    flexWrap: 'wrap', 
} 

There is a long space up to the following scrollview

+2

Vous avez deux scrollviews adjacentes contenues dans une grande scrollview externe, pourquoi? –

+0

Je ne travaille pas dans react-native, mais 'contentInSet = {{bottom: 49}}' semble suspect. – Sulthan

+0

Essayez de savoir s'il existe un composant enfant ou la scrollview elle-même avec la propriété de style "flex: 1". Si oui, essayez d'enlever cela. –

Répondre

0

Essayez d'utiliser ceci sur ScrollView

automaticallyAdjustContentInsets = {false}