Recall & Review
beginner
What is margin in React Native styling?
Margin is the space outside a component's border that separates it from other components.
Click to reveal answer
beginner
What does padding do in a React Native component?
Padding is the space inside the component's border, between the border and the component's content.
Click to reveal answer
beginner
How do you add a border to a React Native component?
You use border properties like borderWidth, borderColor, and borderRadius to add and style borders.
Click to reveal answer
beginner
If you want space between two buttons, which style property should you use?
Use margin to add space outside the buttons, separating them from each other.
Click to reveal answer
beginner
What is the difference between margin and padding?
Margin is outside the border and separates components; padding is inside the border and separates content from the border.
Click to reveal answer
Which property adds space inside a component, between its content and border?
✗ Incorrect
Padding adds space inside the component, separating content from the border.
How do you make a border thicker around a React Native component?
✗ Incorrect
borderWidth controls the thickness of the border.
Which property controls the space outside a component?
✗ Incorrect
Margin controls the space outside the component.
What does borderRadius do in React Native?
✗ Incorrect
borderRadius rounds the corners of the border.
If you want to add space between the text and the edge of a button, which property do you use?
✗ Incorrect
Padding adds space inside the button, between text and edge.
Explain the difference between margin and padding in React Native styling.
Think about where the space is applied relative to the component's border.
You got /4 concepts.
Describe how to add and style a border around a React Native component.
Consider properties that control thickness, color, and shape of the border.
You got /4 concepts.