Relative Content

Tag Archive for react-native

Upgrade RN 0.67 => 0.76 (latest)

I’m stuck deciding whether to upgrade my existing RN project (0.67) to 0.76 or just start a new project from scratch. Which would be a better option? Any thoughts on pros and cons?

React Native – Persist android ripple on state change

I have a Pressable with the android_ripple prop, and I want to change its state on a press, say by changing its color. However, the ripple doesn’t seem to play nice with re-rendering. When the button re-renders, either the ripple starts propagating from the center of the component instead of the source of the press, or it gets abruptly cancelled if it’s already started propagating when onPress fires.

React Native – Persist android ripple on state change

I have a Pressable with the android_ripple prop, and I want to change its state on a press, say by changing its color. However, the ripple doesn’t seem to play nice with re-rendering. When the button re-renders, either the ripple starts propagating from the center of the component instead of the source of the press, or it gets abruptly cancelled if it’s already started propagating when onPress fires.

React Native – Persist android ripple on state change

I have a Pressable with the android_ripple prop, and I want to change its state on a press, say by changing its color. However, the ripple doesn’t seem to play nice with re-rendering. When the button re-renders, either the ripple starts propagating from the center of the component instead of the source of the press, or it gets abruptly cancelled if it’s already started propagating when onPress fires.

mimic scrolling over a paper with rounded edges

I’m implementing a modal in React Native and want to create a unique scrolling effect where the modal has rounded corners that dynamically adjust based on scroll position. Specifically, I want the modal to appear like a scrollable page with rounded corners at both ends – when viewing the top of the content, the top corners should be rounded; when viewing the bottom, the bottom corners should be rounded; and when scrolling through the middle section, the corners should be square. This creates an effect similar to viewing a rounded card through a window, where the rounded edges are only visible when that portion is in view. The goal is to maintain the visual metaphor of a rounded card while providing a clear indication of scroll position.