Explore Library
React NativePlatform-Specific Code

43 items

1

Ternary Platform Check Gone Wrong

Code Quiz
2

Comparing Platform.Version on Android

Code Quiz
3

StatusBar backgroundColor Does Nothing on iOS

Code Quiz
4

Platform.select in StyleSheet.create

Code Quiz
5

Extension Resolution Order

Code Quiz
6

Detecting Web vs Native

Code Quiz
7

Platform.isPad Constant

Code Quiz
8

Platform.select Value Mapping

Code Quiz
9

Platform-Specific Style Objects

Code Quiz
10

Default Case in Platform.select

Code Quiz
11

Platform.OS Runtime Branching

Code Quiz
12

Platform-Specific File Extensions

Code Quiz
13

Branch Code vs Split Files

Slides / Video
14

Platform Behavior in Shared Components

Slides / Video
15

Organizing Platform-Specific Code

Slides / Video
16

Detecting Platform Constants: isPad & isTV

Slides / Video
17

Conditional Styling per Platform

Slides / Video
18

Native File Extensions for Web Sharing

Slides / Video
19

Platform Differences: elevation vs shadow

Quiz
20

Platform.select for Value Maps

Quiz
21

Platform.Version for OS Checks

Quiz
22

Detecting Tablet with Platform.isPad

Quiz
23

Reading Platform.constants

Quiz
24

Platform-Specific File Extensions

Quiz
25

How Metro Resolves Platform Extensions

Quiz
26

.native.js vs .web.js Resolution

Quiz
27

Platform.select in StyleSheet

Quiz
28

Conditional Rendering per Platform

Quiz
29

Shared vs Platform-Divergent Code

Quiz
30

Organizing Platform-Specific Code

Flashcard
31

.native.js for Web Code Sharing

Flashcard
32

Platform.isPad, isTV Constants

Flashcard
33

Physical Device vs Simulator

Flashcard
34

Conditional Platform Component Rendering

Flashcard
35

Platform.Version for OS Version Checks

Flashcard
36

Platform-Specific File Extensions

Flashcard
37

Automatic Platform Extension Resolution

Flashcard
38

StatusBar and Safe Area Differences

Flashcard
39

Platform-Specific Styling Differences

Flashcard
40

Platform.select for OS Value Maps

Flashcard
41

Platform File Extensions in React Native

Slides / Video
42

Platform.Version for OS Version Checks

Slides / Video
43

Platform.select for Per-Platform Values

Slides / Video
FlashcardIntermediate

StatusBar and Safe Area Differences

Status bar and safe area handling differ across iOS notches and Android status bars.

Question

Why do StatusBar and safe areas need platform-aware handling?

Click to reveal answer