O'Reilly logo

Getting Started with React Native by Tom Bray, Ethan Holmes

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 4. Working with Styles and Layout

At this point, you may feel that the application is lacking a certain appeal. The success of any application relies greatly on how the user interface looks. Just like how React Native borrows from React on the web, the same thing goes for styles. In this chapter, you will learn how React Native styles and lays out the components with React CSS.

We will cover the following topics:

  • What is React CSS?
  • Creating Style Sheets
  • Extending the SimpleButton to include custom styles
  • An introduction to layout with Flexbox
  • Styling the NavigationBar
  • Styling the NoteScreen

React CSS

If you have any experience in writing CSS for a browser then you will feel comfortable with the styles in React Native. Although, instead of the browser's ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required