You can fix this by adding margin-bottom: 60px; to the body of your website. With the 60px being the height of your footer.
OR
App will be the main component you load to your Root.
Assume that the footer is the last child of .App in the document flow
.App {
height: 100vh;
display: flex;
flex-direction: column;
}
footer {
margin-top: auto;
}
More info : https://itmaster-soft.com/en/react-native-development-services