React Native React Native Styling & Layout

Question 1

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

Accepted Answer

column

Answer

row

Answer

row-reverse

Answer

column-reverse

Question 2

Which method is used to create optimized, validated style objects in React Native?

Accepted Answer

StyleSheet.create()

Answer

StyleSheet.new()

Answer

StyleSheet.define()

Answer

StyleSheet.build()

Question 3

What unit does React Native use by default for dimension values like width and height?

Accepted Answer

Density-independent pixels (dp)

Answer

Pixels (px)

Answer

Points (pt)

Answer

Viewport units (vw/vh)

Question 4

Which flex property controls alignment of children along the main axis in React Native?

Accepted Answer

justifyContent

Answer

alignItems

Answer

alignSelf

Answer

alignContent

Question 5

How do you apply multiple styles to a single component in React Native?

Accepted Answer

style={[style1, style2]}

Answer

style="style1 style2"

Answer

style={StyleSheet.combine(style1, style2)}

Answer

style={style1.merge(style2)}

Question 6

What does `alignItems` control in a React Native flex container?

Accepted Answer

Alignment along the cross axis

Answer

Alignment along the main axis

Answer

Space between items

Answer

Item wrapping behavior

Question 7

Which `position` value removes a component from the normal layout flow and positions it relative to its parent in React Native?

Accepted Answer

absolute

Answer

static

Answer

fixed

Answer

relative