CSS Position Relative Absolute  in React Native in Hindi #22
Channel: Thapa Technical
Date: 2022-02-07

Welcome Guys, Today in this Video we are going to learn positions in react native.
 
In react native, position is a type of an element that defines how it is positioned within its parent.

In react native there are two types of positions:-
1. Absolute position
2. Relative position

What is Absolute position?

When positioned absolutely, an element doesn't take part in the normal layout flow. It is instead laid out independent of its siblings. The position is determined based on the top, right, bottom, and left values.

What is Relative position?

By default, an element is positioned relatively. This means an element is positioned according to the normal flow of the layout, and then offset relative to that position based on the values of top, right, bottom, and left. The offset does not affect the position of any sibling or parent elements.


Then Guys, we have seen that how to center the item which has no parent, So for that we have created sub parent to center the item.

😍 Check my Instagram to Connect with me:     https://www.instagram.com/thapatechnical

---------------- TimeLine -----------------
00:00 What is positions in react native? 
01:02 Thapa Technical Discord Server 
01:25 What is absolute & relative positions? 
02:27 Tips and tricks 
04:44 Placing the boxes at bottom 
06:35 Simple tricks for centering the box
08:43 Creating Sub parent 
10:39  Outro


Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network Timeliness.


Don't Forget to Follow  me on all Social Network, 


Website Link:  https://www.thapatechnical.com


Instagram Link:     https://www.instagram.com/thapatechnical


Facebook Link:     https://www.facebook.com/vinodthapa55


Twitter       Link:     https://twitter.com/vb55thapa


Facebook ThapaTechnical Page Link: https://www.facebook.com/vinodbahadurthapa/?ref=aymt_homepage_panel&eid=ARCTi5kdE1POliSOXnW51qZdo6NcpcSOqrioqut1KDac_CfgY5OCey-vcHlgRDgc_OK6eYNFCF_Rrfiq