Evenly distributes items; the first item is at the start and the last is at the end.
Acts as the parent container for the nested blocks. It has fixed dimensions and sets flexDirection: 'row' to place the two inner boxes side-by-side. 2.3.9 nested views codehs
Serves as the container. It uses Flexbox properties to dictate the alignment and distribution of its children. Evenly distributes items; the first item is at
If a parent component has a fixed size but the child has a style of flex: 1 without explicit dimensions, the child might collapse to 0 height or width. Serves as the container
Ensure your nested container dimensions fit within the height and width limits of the parent container.
Sits inside the parent. Its size can be determined by absolute dimensions (e.g., width and height in pixels) or relative flex values. Flexbox Rules in React Native