2.3.9 Nested Views Codehs !free!

import React from 'react';

In the CodeHS course, Exercise 2.3.9 "Nested Views" focuses on using the component as a container for other components to create complex layouts. Objective 2.3.9 nested views codehs

Use JavaScript comments ( /* Comment here */ ) inside your return function to mark where sections begin and end. This keeps your code readable for instructors grading your work. import React from 'react'; In the CodeHS course,

export const styles = StyleSheet.create( container: flex: 1, justifyContent: 'center', alignItems: 'center', , viewOne: width: 250, height: 250, backgroundColor: 'powderblue', justifyContent: 'center', // To center the inner View alignItems: 'center', , viewTwo: width: 150, height: 150, backgroundColor: 'skyblue', justifyContent: 'center', alignItems: 'center', , viewThree: width: 75, height: 75, backgroundColor: 'steelblue', justifyContent: 'center', alignItems: 'center', , ); export const styles = StyleSheet

flexDirection: 'row' : Aligns child views from left to right.

Benefit: RowView is reusable and isolated.

If you wanted to build a screen that looks like this: