Tag: React Native

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

You’ve Got React Native All Wrong

You hear a lot of buzz about React Native these days, yet most people seem to talk about its ability to run on multiple platforms as its main benefit. However, I think this ignores so many advantages it has over the other options. I believe that the tools I use to build apps help me be productive and successful in doing so. As a frontend dev, beyond the abilities of the platform, how I write, test, reorganize and refactor my code are critical aspects that make…

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