Checkpoint: The Mental Model

Question 1 of 5

• It will feel like a website, because React Native renders HTML inside a WebView.
• It depends on whether you enable the New Architecture in app.json.
• It will use real platform views, so scrolling, text selection and inputs behave like other apps on the phone.
• It will feel native on iOS and like a website on Android.

Question 2 of 5

• The library needs Fast Refresh to be turned off.
• You need to run npx expo start --clear to rebuild the native code.
• Expo Go only supports libraries written in TypeScript.
• The library contains native code that Expo Go doesn’t include, so you need a development build of your own app.

Question 3 of 5

• <View><Text>{hike.distanceKm} km</Text>{hike.elevationM > 0 && <Text>{hike.elevationM} m up</Text>}</View>
• <View><Text>{hike.distanceKm} km</Text>{hike.elevationM && <Text>{hike.elevationM} m up</Text>}</View>
• <View>{hike.distanceKm} km<Text>{hike.elevationM} m up</Text></View>

Question 4 of 5

• Replace Pressable with the built-in Button component.
• Make the touch area at least 44 points tall, with padding or hitSlop, and give pressed feedback.
• Switch to onLongPress so accidental taps are ignored.

Question 5 of 5

• onChangeText doesn’t fire for decimal points.
• keyboardType must be set to number for decimals to work.
• Typing “8.” becomes Number("8."), which is 8, so the dot disappears from the controlled input before the user can add the 4.
• TextInput values are limited to integers on Android.