Horizontal Live Event Cards with Image and Gradient – React Native

React Native’s style processor has become very powerful and convenient, it’s now possible to achieve certain layouts that were only achievable before through Javascript programming. In this example I want to show you how to achieve a card structure layout that you see in most modern apps these days. It includes a linear gradient from top to bottom and at the bottom there’s a text title which stands out because of the gradient effect.