React Native: Redução do formulário e movimentação em scroll até o campo selecionado

ContentAware.js

import React from 'react';
import {ScrollView} from 'react-native';

import { RootContainer, Content, Scroll } from './styles';

export default function ContentAware({rootStyle, contentStyle, children}) {
  return (
    <RootContainer style={rootStyle}>
        <Scroll style={contentStyle}>
          {children}
        </Scroll>
    </RootContainer>
  );
}

ContentAware.defaultProps = {
  rootyles: {},
  contentStyle: {}
}

styles.js

import styled from 'styled-components/native';
import { Platform, StatusBar } from 'react-native';
const statusBarHeight = StatusBar.currentHeight;

export const RootContainer = styled.KeyboardAvoidingView.attrs({behavior: 'padding'})`
  flex: 1;
`
export const Scroll = styled.ScrollView`
  flex: 1;
`
export const Content = styled.SafeAreaView`
  flex: 1;
  background-color: #fff;
  padding-top: ${Platform.OS === "android" ? statusBarHeight : 0}px;
`;