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 the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial