My textinput disappear when I sart taying

See more:

JScript.NET

React

ReactJS

, +

I have screen named EditeScreen .it has text input that takes the height of the device . so the problem is when I start typing the text goes above and disappear. any solutions please

here is my Text Input component
<View style={styles.InputContainer}>
<ScrollView>
<TextInput
style={styles.inputText}
placeholder={"Take Notes ..."}
onChangeText={HandlingTextValut}
value={notes}
multiline={true}
/>
</ScrollView>
</View>

and here is its styles
InputContainer: {
flex:1,
},
inputText: {
paddingBottom: Dimensions.get("window").height- 100,
paddingLeft: 10,
paddingRight: 10,
fontSize: 20,
},

What I have tried:

I tried to resize its with on-focus but it did not work