Why Do My React-native Components Overlap

I want to position 2 components underneath each other. My component looks like this : import React from 'react'; import {connect} from 'react-redux'; import {Text, StyleSheet, View

Solution 1:

in your style.container, remove the flex entry but keep the flexDirection.