Create a Custom Animated Bottom Action Sheet without Measuring in React Native

added by JavaScript Kicks
12/23/2018 8:50:29 PM


We'll explore how we can create a custom action sheet in React Native that will animate visible/hidden without measuring any of the views. The technique will use absolute positioning, translation, and interpolation. The backdrop will quickly animate upwards before fading in. We'll position the action sheet container off screen, then translate the action action sheet on the screen.