Simple play icon Course

Styling React Native Applications

by Daniel Stern

The share of native web content consumed on mobile devices is increasing, and in many categories is already more than the share consumed by desktop. In this course, you'll learn to style React Native applications so they look good on all devices.

What you'll learn

Mobile devices are what many users use to browse the web, but developing apps that simultaneously work on Android, iOS, and in web browsers can be an expensive, time-consuming, and baffling process. In this course, Styling React Native Applications, you’ll learn to style React Native applications, resulting in a consistent and professional appearance on multiple different mobile platforms, with only one code base. First, you’ll see how to apply basic styling to your React Native application using the Stylesheet.Create() method and applying fixed dimensions and positioning to the elements of the page, creating simple and consistent, though inflexible, basic layouts. Next, you’ll discover how to create more robust and dynamic layouts by using Flex styling instead of fixed dimensions, enabling you to create a wider variety of layouts including vertically and horizontally arranged sections, as well as elements that automatically resize to fit the context. Finally, you’ll explore how to animate your application using the LayoutAnimation API, creating fluid transitions between application views and the states within each view. The animation skills you'll learn will enable you to create engaging and interactive applications on all platforms. When you’re finished with this course, you’ll have the skills and knowledge of styling React Native applications to confidently and independently apply robust styles to any application you are assigned to work on, or to build your own applications easily and with minimal code.

About the author

Daniel Stern is a coder, web developer and programming enthusiast from Toronto, Ontario, where he works as a freelance developer and designer. Daniel has been working with web technologies since the days of the dial-up, and is especially keen on JavaScript, CSS, Angular, React and TypeScript. Over the course of his work as an open-source developer, he's created many community-standards web tools including Angular Audio and Range.CSS. His tool, Range.CSS, was featured in a guest article on CSS-T... more

Ready to upskill? Get started