<FlatList> nested within <Content> workaround

FlatlistContent.tsx

import React from 'react';
import {Content} from 'native-base';
import {KeyboardAwareView} from 'react-native-keyboard-aware-view';
import {SafeAreaView} from 'react-native';

class FlatlistContent extends Content {
  render() {
    const {
      children,
      contentContainerStyle,
      keyboardShouldPersistTaps,
      padder,
    } = this.props;

    const containerStyle = {
      flex: 1,
    };

    return (
      <SafeAreaView style={containerStyle}>
        <KeyboardAwareView
          keyboardShouldPersistTaps={keyboardShouldPersistTaps || 'handled'}
          style={[{padding: padder}, contentContainerStyle]}>
          {children}
        </KeyboardAwareView>
      </SafeAreaView>
    );
  }
}

export default FlatlistContent;