In React Native, gradients are extremely easy to integrate and in this article we are going to describe exactly how to implement them. There are mainly two types of linear gradients in React Native and CSS: Linear and Radial gradient. We’re overlaying a gradient on an ImageBackground, a React Native component and then reducing the opacity of the gradient. Then we center our the text inside the LinearGradient. The first element positions the gradient horizontally(x) while the second element is positioned vertically.