const styles = StyleSheet.create({
  	//Container for View or Text or etc. that must be centered.
    parent:{
        flex:1, // Covers the available space
        justifyContent:"center", // aligns through main axis
        alignItems:"center" // aligns though secondary axis
    }
});

Popularity 9/10 Helpfulness 9/10 Language javascript

Source: Grepper

Tags: center ce

Link to this answer
Share Copy Link

Contributed on Nov 23 2021

MadMan

0 Answers Avg Quality 2/10

center an element react native

Comment

// Add these styles to a parent element (could be a view)
   
const styles = StyleSheet.create({
    parent:{
        flex:1, // Covers the available space
        justifyContent:"center", // aligns through main axis
        alignItems:"center" // aligns though secondary axis
    }
});

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: center ce

Link to this answer
Share Copy Link

Contributed on Aug 30 2021

codewi

0 Answers Avg Quality 2/10

Center Element In React Native

Comment

element{
     resizeMode: 'contain',
        alignSelf: 'center',
        }

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: center ce

Link to this answer
Share Copy Link

Contributed on Jun 03 2022

Javasper

0 Answers Avg Quality 2/10

Center Content, Horizontally In React Native

Contents

More Related Answers