You need to set the style of <View> for justifyContent and alignItems for centering the <Image>. Should be like this : const LoadingScreen = () => ( <View style={styles.container}> <Image style={styles.logo} source={logo} /> </View> ); const styles = StyleSheet.create({ container: { justifyContent: ‘center’, alignItems: ‘center’, }, logo: { width: 300, height: 400, }, }); Or … Read more
How I was able to wrap the components was like below flatlist: { flexDirection: ‘column’, }, and in my FlatList component added this props numColumns={3}
I would use the following approach: <View style={styles.container}> <View style={styles.contentContainer}> {/* <- Add this */} <View style={styles.titleWrapper}> … </View> <View style={styles.inputWrapper}> … </View> </View> <View style={styles.footer}> … </View> </View> var styles = StyleSheet.create({ container: { flex: 1, backgroundColor: ‘#F5FCFF’, }, titleWrapper: { }, inputWrapper: { }, contentContainer: { flex: 1 // pushes the footer to … Read more