Core UI Primitives

Prefetch the next one or two photos with Image.prefetch(url) so they are in the disk cache before the swipe, check what is already cached with Image.queryCache(urls), and use Image.getSize only when the API gives no aspect ratio, since it may download the image.

Measure the error. Hidden by the header height means keyboardVerticalOffset is missing; a gap equal to the bottom safe-area inset means that inset padding stays while the keyboard is open. Android 15+ edge-to-edge problems before 0.86 need the upgrade.

On iOS a React Native Modal keeps rendering its children until the native dismissal finishes and onDismiss fires; Android stops at once. Clearing the selected photo alongside visible={false} re-renders the closing iOS dialog with null. Clear it in onDismiss or render from a snapshot.

Delete one digit in onPress, start an interval in onLongPress, and clear it in onPressOut plus an unmount cleanup. onPressOut fires on release, slide-off and parent takeover, while onPress is skipped after a long press when onLongPress is set.

On Android, React Native's ScrollView joins nested scrolling only when nestedScrollEnabled is true, so the outer view keeps the drag. Set nestedScrollEnabled on the inner ScrollView and give it a bounded height, or better, redesign to one scroller per axis.

The native field shows each keystroke immediately; the uppercased value comes back from JavaScript only after a render, so the raw character appears and is then replaced. Prefer native props such as autoCapitalize="characters" and maxLength, and normalise the value on blur or submit.

Measure the stanza's full line count with onTextLayout on a hidden, uncapped copy of the Text at the same width and style. If nativeEvent.lines.length exceeds three, show the toggle and cap the visible Text with numberOfLines={expanded ? 0 : 3}.

Use a View sized by your layout, render an Image inside it with StyleSheet.absoluteFill, then the price label as a later sibling so it draws on top. Image cannot contain children: it throws. ImageBackground did exactly this wrapping and is deprecated since 0.87.

stickyHeaderIndices lists the positions of a React Native ScrollView's direct children that dock at the top while scrolling. Positions are counted after null and false children are dropped, so a hidden conditional child shifts every later index.