15 Styling & Layout questions from the React Native bank, written for Indian campus drives and tech interviews. Every question has a verified answer and an AI-tutor explanation on placd.
Free to start: the 2-minute IT readiness check — six questions and a result.
A.values selected per operating system using Platform.select, letting one style object differ between iOS and Android
B.an abstraction that turns a JavaScript object of style rules into an optimized, validated reference id rather than inline objects
C.a shorthand constant that stretches a layer to cover its parent on all four edges via position absolute and zeroed insets
D.the default layout algorithm where the main axis defaults to column, used to position and size children within a container
Answer + AI explanation with Pro
2. Which term means: "an abstraction that turns a JavaScript object of style rules into an optimized, validated reference id rather than inline objects"?
Junior
A.StyleSheet.absoluteFill
B.Platform-specific styles
C.StyleSheet
D.density-independent pixels
Answer + AI explanation with Pro
3. Which statement is correct?
Junior
A.StyleSheet — an abstraction that turns a JavaScript object of style rules into an optimized, validated reference id rather than inline objects
B.StyleSheet — a shorthand constant that stretches a layer to cover its parent on all four edges via position absolute and zeroed insets
C.StyleSheet — the default layout algorithm where the main axis defaults to column, used to position and size children within a container
D.StyleSheet — values selected per operating system using Platform.select, letting one style object differ between iOS and Android
Answer + AI explanation with Pro
4. What is Flexbox?
Mid
A.an abstraction that turns a JavaScript object of style rules into an optimized, validated reference id rather than inline objects
B.a shorthand constant that stretches a layer to cover its parent on all four edges via position absolute and zeroed insets
C.values selected per operating system using Platform.select, letting one style object differ between iOS and Android
D.the default layout algorithm where the main axis defaults to column, used to position and size children within a container
Answer + AI explanation with Pro
5. Which term means: "the default layout algorithm where the main axis defaults to column, used to position and size children within a container"?
Mid
A.density-independent pixels
B.Flexbox
C.StyleSheet.absoluteFill
D.Platform-specific styles
Answer + AI explanation with Pro
6. Which statement is correct?
Mid
A.Flexbox — a shorthand constant that stretches a layer to cover its parent on all four edges via position absolute and zeroed insets
B.Flexbox — the default layout algorithm where the main axis defaults to column, used to position and size children within a container
C.Flexbox — the unitless numbers used for sizes that scale across screens of different pixel densities, so layout looks consistent on every device
D.Flexbox — an abstraction that turns a JavaScript object of style rules into an optimized, validated reference id rather than inline objects
Answer + AI explanation with Pro
7. What is density-independent pixels?
Mid
A.the unitless numbers used for sizes that scale across screens of different pixel densities, so layout looks consistent on every device
B.an abstraction that turns a JavaScript object of style rules into an optimized, validated reference id rather than inline objects
C.values selected per operating system using Platform.select, letting one style object differ between iOS and Android
D.the default layout algorithm where the main axis defaults to column, used to position and size children within a container
Answer + AI explanation with Pro
8. Which term means: "the unitless numbers used for sizes that scale across screens of different pixel densities, so layout looks consistent on every device"?
Mid
A.density-independent pixels
B.Platform-specific styles
C.StyleSheet
D.StyleSheet.absoluteFill
Answer + AI explanation with Pro
9. Which statement is correct?
Mid
A.density-independent pixels — a shorthand constant that stretches a layer to cover its parent on all four edges via position absolute and zeroed insets
B.density-independent pixels — values selected per operating system using Platform.select, letting one style object differ between iOS and Android
C.density-independent pixels — an abstraction that turns a JavaScript object of style rules into an optimized, validated reference id rather than inline objects
D.density-independent pixels — the unitless numbers used for sizes that scale across screens of different pixel densities, so layout looks consistent on every device
Answer + AI explanation with Pro
10. What is Platform-specific styles?
Mid
A.a shorthand constant that stretches a layer to cover its parent on all four edges via position absolute and zeroed insets
B.the default layout algorithm where the main axis defaults to column, used to position and size children within a container
C.values selected per operating system using Platform.select, letting one style object differ between iOS and Android
D.an abstraction that turns a JavaScript object of style rules into an optimized, validated reference id rather than inline objects
Answer + AI explanation with Pro
11. Which term means: "values selected per operating system using Platform.select, letting one style object differ between iOS and Android"?
Mid
A.StyleSheet
B.Platform-specific styles
C.Flexbox
D.density-independent pixels
Answer + AI explanation with Pro
12. Which statement is correct?
Mid
A.Platform-specific styles — a shorthand constant that stretches a layer to cover its parent on all four edges via position absolute and zeroed insets
B.Platform-specific styles — values selected per operating system using Platform.select, letting one style object differ between iOS and Android
C.Platform-specific styles — the default layout algorithm where the main axis defaults to column, used to position and size children within a container
D.Platform-specific styles — the unitless numbers used for sizes that scale across screens of different pixel densities, so layout looks consistent on every device
Answer + AI explanation with Pro
13. What is StyleSheet.absoluteFill?
Senior
A.the unitless numbers used for sizes that scale across screens of different pixel densities, so layout looks consistent on every device
B.the default layout algorithm where the main axis defaults to column, used to position and size children within a container
C.an abstraction that turns a JavaScript object of style rules into an optimized, validated reference id rather than inline objects
D.a shorthand constant that stretches a layer to cover its parent on all four edges via position absolute and zeroed insets
Answer + AI explanation with Pro
14. Which term means: "a shorthand constant that stretches a layer to cover its parent on all four edges via position absolute and zeroed insets"?
Senior
A.Flexbox
B.StyleSheet
C.StyleSheet.absoluteFill
D.Platform-specific styles
Answer + AI explanation with Pro
15. Which statement is correct?
Senior
A.StyleSheet.absoluteFill — the unitless numbers used for sizes that scale across screens of different pixel densities, so layout looks consistent on every device
B.StyleSheet.absoluteFill — an abstraction that turns a JavaScript object of style rules into an optimized, validated reference id rather than inline objects
C.StyleSheet.absoluteFill — the default layout algorithm where the main axis defaults to column, used to position and size children within a container
D.StyleSheet.absoluteFill — a shorthand constant that stretches a layer to cover its parent on all four edges via position absolute and zeroed insets
Answer + AI explanation with Pro
Free to start
Start with a free readiness check
Sign up free for the 2-minute IT readiness check and a scored result. Answers, explanations and the AI tutor on every Styling & Layout question come with Pro.