React Native React Native Styling & Layout

Question 1

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

Accepted Answer

column

Answer

React Native defaults `flexDirection` to `column`, unlike web CSS which defaults to `row`.

Question 2

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

Accepted Answer

StyleSheet.create()

Answer

`StyleSheet.create()` validates style props at development time and registers styles for performance optimization.

Question 3

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

Accepted Answer

Density-independent pixels (dp)

Answer

React Native uses density-independent pixels so layouts appear consistent across devices with different screen densities.

Question 4

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

Accepted Answer

justifyContent

Answer

`justifyContent` positions flex children along the main axis (determined by `flexDirection`).

Question 5

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

Accepted Answer

style={[style1, style2]}

Answer

Passing an array of style objects merges them from left to right, with later styles overriding earlier ones.

React Native Practice Test