Мой собственный текстовый ввод отключается, когда я начинаю печатать

Question

У меня есть screeb под названием EditeScreen. Он имеет текстовый ввод, который принимает высоту устройства. поэтому проблема в том, что когда я начинаю печатать, текст идет вверх и исчезает. любые решения, пожалуйста

**

*

вот мой компонент ввода текста

**

       <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,
  },

Answer 1

Удалить paddingBottom: Dimensions.get("window").height- 100, из стиля ввода

Answer 2

не могли бы вы попробовать эти реквизиты numberOfLines а также onContentSizeChange .

Ссылка для справки: https://reactnative.dev/docs/textinput#numberoflines