React Native React Native Styling & Layout 2

Question 1

What does `flex: 1` do when applied to a component in React Native?

Accepted Answer

Makes the component expand to fill all available space

Answer

Sets the component's opacity to 1

Answer

Sets the component as the first child

Answer

Limits the component to 1% of the screen

Question 2

How do you specify a percentage-based width in React Native?

Accepted Answer

width: '50%'

Answer

width: 50

Answer

width: 0.5

Answer

width: percent(50)

Question 3

What is `StyleSheet.hairlineWidth` in React Native?

Accepted Answer

The thinnest line the device can render

Answer

A fixed 1px border width

Answer

A bold border width constant

Answer

A standard divider width

Question 4

Which property allows flex children to wrap onto multiple lines when they overflow the container?

Accepted Answer

flexWrap

Answer

overflow

Answer

flexFlow

Answer

wrapContent

Question 5

What does `overflow: 'hidden'` do in React Native?

Accepted Answer

Clips child content that extends beyond the component's bounds

Answer

Makes the component invisible

Answer

Prevents all touch events on the component

Answer

Hides the component from the accessibility tree

Question 6

What is the default value of `position` in React Native?

Accepted Answer

relative

Answer

absolute

Answer

fixed

Answer

static

Question 7

Which property defines the space between a component's border and its inner children/content?

Accepted Answer

padding

Answer

margin

Answer

gap

Answer

inset