الـ scroll لا يعمل بداخل FlatList

const App = () => {
  return (
    <View style={{
      width: '100%',
      height: '100%'
    }}>
      <SafeAreaView style={{
        paddingLeft: 20,
        paddingRight: 20
      }}>
        <FlatList
          contentContainerStyle={{ flexGrow: 1, display: 'flex' }}
          data={messages}
          ListHeaderComponent={ListHeaderComponent}
          renderItem={({ item, index, separators }) => (
            <Message {...item} />
          )} />
      </SafeAreaView>
      <View style={{
        position: 'absolute',
        bottom: 0,
        width: '100%',
        backgroundColor: 'rgba(250, 155, 123, 1)',
        padding: 12,
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center'
      }}>
        <Text style={{
          borderRadius: 6,
          backgroundColor: 'rgba(0, 0, 0, .1)',
          color: '#fff',
          padding: 6
        }}>Spam</Text>
      </View>
    </View>
  );
};

أريد القائمة نفسها ان يكون بها scroll، وليس الصفحة كلها...