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.
Author Name: Daniel Stern
Author Description:
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

Table of Contents

• Course Overview
  1min
• Understanding React Native Application Styling
  35mins
• Using Flexbox to Style React Native Applications
  50mins
• Animating React Native Components with the LayoutAnimation API
  22mins