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 ...

Get Getting Started with React Native now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.

Start your free trial