React Native ScrollView Höhe

Question

In meiner ReactNative Hauptseite versuche ich eine ScrollView mit einem mehrzeiligen TextInput füllen die maximale Höhe zur Verfügung, ohne Erfolg.

Hier meine Seite Code

import React, { Component } from 'react'; 
import { View, Text, TextInput, Button, ScrollView } from 'react-native'; 

class App extends Component { 

    render() { 
    const { 
     mainContainerStyle, 
     fileNameStyle, 
     fileNameInputStyle, 
     fileTextStyle, 
     saveButtonStyle, 
     fileTextScrollViewStyle, 
     fileTextScrollViewContentContainerStyle, 
     fileTextInputStyle 
    } = styles; 

    return (
     <View style={mainContainerStyle}> 

     <View style={fileNameStyle}> 
      <Text>File name :</Text> 
      <TextInput 
      style={fileNameInputStyle} 
      placeholder="MyFileName.txt" 
      /> 
     </View> 

     <View style={fileTextStyle}> 
      <Text>File text :</Text> 
      <ScrollView 
      style={fileTextScrollViewStyle} 
      contentContainerStyle={fileTextScrollViewContentContainerStyle} 
      > 
      <TextInput multiline style={fileTextInputStyle} /> 
      </ScrollView> 
     </View> 

     <Button 
      title="Save into DropBox" 
      onPress={() => {}} 
      style={saveButtonStyle} 
     /> 

     </View> 
    ); 
    } 

} 

const styles = { 
    mainContainerStyle: { 
    flex: 1, 
    margin: 10 
    }, 
    fileNameStyle: { 
    marginBottom: 5 
    }, 
    fileNameInputStyle: { 
    height: 40, 
    lineHeight: 20 
    }, 
    fileTextStyle: { 
    marginTop: 5, 
    flex: 1 
    }, 
    saveButtonStyle: { 
    }, 
    fileTextScrollViewStyle: { 
    flex: 1 
    }, 
    fileTextScrollViewContentContainerStyle: { 
    flex: 1 
    }, 
    fileTextInputStyle: { 
    } 
}; 

export default App; 

Das ist mein Playground

Answer 1

Dumme Fehler in der Tat habe ich vergessen "flex: 1" hinzuzufügen, auf die Textinput-Stil.