Explore Library
React NativePlatform-Specific Code

43 items

1

Comparing Platform.Version on Android

Code Quiz
2

StatusBar backgroundColor Does Nothing on iOS

Code Quiz
3

Ternary Platform Check Gone Wrong

Code Quiz
4

Platform.isPad Constant

Code Quiz
5

Platform.select in StyleSheet.create

Code Quiz
6

Platform-Specific File Extensions

Code Quiz
7

Platform.OS Runtime Branching

Code Quiz
8

Default Case in Platform.select

Code Quiz
9

Platform-Specific Style Objects

Code Quiz
10

Platform.select Value Mapping

Code Quiz
11

Detecting Web vs Native

Code Quiz
12

Extension Resolution Order

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

Shared vs Platform-Divergent Code

Quiz
21

Platform.select in StyleSheet

Quiz
22

Platform.select for Value Maps

Quiz
23

Platform.Version for OS Checks

Quiz
24

Reading Platform.constants

Quiz
25

.native.js vs .web.js Resolution

Quiz
26

How Metro Resolves Platform Extensions

Quiz
27

Platform-Specific File Extensions

Quiz
28

Conditional Rendering per Platform

Quiz
29

Detecting Tablet with Platform.isPad

Quiz
30

Platform-Specific Styling Differences

Flashcard
31

Automatic Platform Extension Resolution

Flashcard
32

Platform.select for OS Value Maps

Flashcard
33

Organizing Platform-Specific Code

Flashcard
34

StatusBar and Safe Area Differences

Flashcard
35

.native.js for Web Code Sharing

Flashcard
36

Platform.isPad, isTV Constants

Flashcard
37

Conditional Platform Component Rendering

Flashcard
38

Physical Device vs Simulator

Flashcard
39

Platform.Version for OS Version Checks

Flashcard
40

Platform-Specific File Extensions

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

Automatic Platform Extension Resolution

The Metro bundler resolves platform extensions automatically when you import without one.

Question

How does the bundler resolve an import like './Card' with platform files present?

Click to reveal answer