It is important to know that in React Native, the "align-items" and the "justifyContent" operate differently from how they operate on the web.
On the web, "align-items" operates along the cross axis (top-bottom), whereas "justifyContent" operates along the main axis (left-right).
In React Native, "align-items" operates along the main axis (left-right), whereas "justifyContent" operates along the cross-axis(top-bottom).

It is important to know that in React Native, the "align-items" and the "justifyContent" operate differently from how they operate on the web.

On the web, "align-items" operates along the cross axis (top-bottom), whereas "justifyContent" operates along the main axis (left-right).

In React Native, "align-items" operates along the main axis (left-right), whereas "justifyContent" operates along the cross-axis(top-bottom).

Align-items and JustifyContent in React Native.