Reagieren nativer: Wie Flatlist mit anderen Ansichten in einer Komponente

Question

ich "react-native": "^0.50.4" bin mit verwenden, und dies ist, wie Komponente render wie folgt aussieht:

render(){ 
    return(
     <View style={{flex: 1}}> 
      <View> 
       .... 
      </View> 

      <FlatlistComponent /> 
     </View> 
    ); 
} 

Die obige FlatlistComponent eine Liste macht, außer das letzte Item ist teilweise gezeigt/runtergedrückt, das liegt daran, dass die View über der Flatlist steht, wie gehe ich da vor?

Answer 1

Ich denke, die View-Komponente andere dann die flache Liste wird den ganzen Raum der flexiblen Aufnahme 1. Flatlist scrollbaren wobei angenommen wird, nach unten zu gehen.

Versuchen separate Flexwerte zu den Komponenten Kind zuweisen.

render(){ 
    return(
     <View style={{flex: 1}}> 
      <View style={{flex: 1}> 
       <View> 
        .... 
       </View> 
      </View> 
      <View style={{flex: 3}> 
       <FlatlistComponent /> 
      </View> 
     </View> 
    ); 
}