ScrollView not fully scrolling down to the bottom

How to / Third Party Tooling
1

Hello,

I just want to ask, how can I make it so ScrollView will fully scroll down? Because it works fine in iOS but when I’m in my android device, it does not fully scroll down to the bottom. Can someone tell me how can I do it?

My code is below if you guys want to check it:

import React from "react";
import {
  View,
  Text,
  StyleSheet,
  ScrollView,
  Image,
  Dimensions,
} from "react-native";

// Redux
import { useSelector } from "react-redux";

const AnnouncementDetailScreen = (props) => {
  const announcementId = props.navigation.getParam("announcementId");

  const selectedAnnouncement = useSelector((state) =>
    state.announcements.currentAnnouncements.find(
      (announce) => announce.id === announcementId
    )
  );

  return (
    <ScrollView contentContainerStyle={styles.scrollviewContainer}>

        <View style={styles.imageContainer}>
          <Image
            style={styles.image}
            source={{ uri: selectedAnnouncement.imageUrl }}
          />
        </View>

        <View style={styles.subtitleContainer}>
          <Text style={styles.date}>
            Date Posted: {selectedAnnouncement.date}
          </Text>
        </View>

        <View style={styles.descriptionContainer}>
          <Text style={styles.description}>
            {selectedAnnouncement.description}
          </Text>
        </View>
    </ScrollView>
  );
};

AnnouncementDetailScreen.navigationOptions = (navData) => {
  return {
    headerTitle: navData.navigation.getParam("announcementTitle"),
  };
};

const styles = StyleSheet.create({
  scrollviewContainer: {
    height: Dimensions.get("window").height,
    paddingBottom: 150,
    flexGrow: 2
  },
  titleContainer: {
    marginHorizontal: 10,
    marginTop: 10
  },
  title: {
    fontSize: 20,
    fontFamily: "open-sans-bold",
  },
  subtitleContainer: {
    marginHorizontal: 10
  },
  date: {
    fontSize: 12,
    fontFamily: "open-sans",
  },
  descriptionContainer: {
    marginVertical: 15,
    marginHorizontal: 10
  },
  description: {
    fontSize: 18,
    fontFamily: "open-sans",
    textAlign: 'justify'
  },
  image: {
    width: "100%",
    height: "100%",
  },
  imageContainer: {
    width: "100%",
    height: "30%",
    marginVertical: 5,
    padding: 20,
  },
});

export default AnnouncementDetailScreen;

I hope someone can teach me on how I can do it properly. Thank you.