Tag: Flex

How I linked animated headers to scroll position in React Native

Here at Soluto we use React Native to build our mobile apps. We often use Animated to drive animations designed to give our users a smoother and friendlier experience. Recently, I was working on a feature that called for a cool, fun animated header. When researching online for how to get started I discovered that most information on the web about React Native Animated refers to “independent” animations, the kind triggered by clicking a button or loading a page. I…

Read More

Size matters: how I used React Native to make my app look great on every device

Every example on this post can be found here. Have you ever had your designer hand you a cool design for your React Native app that you developed on, say, an iPhone 7 – and when you try to run it on a tablet, it looks like it was left in the dryer for too long? That’s probably because the design was created using pixels whereas all dimensions in React Native are unitless, represented by “dp” (density-independent pixels). Simply put…

Read More

Powered by WordPress & Theme by Anders Norén