React Native React Native Styling & Layout 3

Question 1

Which React hook provides the current window dimensions and updates automatically on screen rotation in React Native?

Accepted Answer

useWindowDimensions()

Answer

useDimensions()

Answer

useScreenSize()

Answer

useLayout()

Question 2

How can you apply platform-specific styles in React Native?

Accepted Answer

Using Platform.select() or platform-specific file extensions (.ios.js/.android.js)

Answer

Using CSS @media queries

Answer

Using device detection libraries only

Answer

React Native automatically handles all platform differences

Question 3

What does `Dimensions.get('window')` return in React Native?

Accepted Answer

The app window's width and height in density-independent pixels

Answer

The device's physical screen resolution

Answer

The device's pixel-density ratio

Answer

The screen's refresh rate in Hz

Question 4

How do you create a perfectly circular component in React Native?

Accepted Answer

Set borderRadius to half of the equal width and height values

Answer

Set shape: 'circle' on the style

Answer

Use the built-in Circle component

Answer

Set circleRadius equal to the desired radius

Question 5

What is the purpose of `StyleSheet.flatten()` in React Native?

Accepted Answer

To merge a style array or registered StyleSheet ID into a plain style object

Answer

To remove all styles from a component

Answer

To convert React Native styles to standard CSS

Answer

To validate style property names at runtime

Question 6

What does the `zIndex` style property control in React Native?

Accepted Answer

The stacking order of overlapping sibling components

Answer

The component's opacity level

Answer

The component's Android elevation shadow

Answer

The component's z-axis 3D transform depth

Question 7

Which `justifyContent` value distributes equal space between flex children, with no space at the start or end?

Accepted Answer

space-between

Answer

space-around

Answer

space-evenly

Answer

center