React Native keyboardingAvoidingView выталкивает текстовый ввод из поля зрения

Question

С помощью <KeyboardAvoidingView> с behavior="position" вытолкнет textInputs из поля зрения, если они уже в верхней части экрана.

Компонент keyboardAvoidingView работает с компонентом scrollView в этой "закуске", которая должна быть очень простым списком текущих дел для моего первого реагирующего нативного приложения.

На <KeyboardAvoidingView>, behavior="padding" ничего не делает behavior="position" прокрутит всех своих детей (все приложение) вверх. Это хорошо для textInputs, которые обычно теряются под клавиатурой, но textInputs, которые находятся в верхней части экрана, теперь выталкиваются из поля зрения.

Это компонент приложения:

return (
  <View style={styles.container}>
    <KeyboardAvoidingView behavior="position" enabled>
      <ScrollView style={styles.scrollView}>
        <Text style={styles.heading}>
          TODO
        </Text>
          <FlatList data={todoItems} renderItem={({item, index}) => <Item key={index} index={index} item={item.title} saveChanges={this.saveChanges}/>}
            />
          <Button onPress={this.addItem} title="new item">A</Button>
      </ScrollView>
    </KeyboardAvoidingView>
  </View>
);

Я безуспешно пытался прокрутить вручную с помощью ссылок, но так как this.refs устарела, я не нашел правильный способ сделать это.

Я также не смог использовать <KeyboardAwareScrollView> составная часть.