Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
React Native Cookbook

You're reading from   React Native Cookbook Recipes for solving common React Native development problems

Arrow left icon
Product type Paperback
Published in Jan 2019
Publisher Packt
ISBN-13 9781788991926
Length 592 pages
Edition 2nd Edition
Languages
Tools
Arrow right icon
Author (1):
Arrow left icon
Daniel Ward Daniel Ward
Author Profile Icon Daniel Ward
Daniel Ward
Arrow right icon
View More author details
Toc

Table of Contents (17) Chapters Close

Preface 1. Setting Up Your Environment FREE CHAPTER 2. Creating a Simple React Native App 3. Implementing Complex User Interfaces - Part I 4. Implementing Complex User Interfaces - Part II 5. Implementing Complex User Interfaces - Part III 6. Adding Basic Animations to Your App 7. Adding Advanced Animations to Your App 8. Working with Application Logic and Data 9. Implementing Redux 10. App Workflow and Third-Party Plugins 11. Adding Native Functionality - Part I 12. Adding Native Functionality - Part II 13. Integration with Native Applications 14. Deploying Your App 15. Optimizing the Performance of Your App 16. Other Books You May Enjoy

Using flexbox to create a layout

In this recipe, we'll learn about flexbox. In the previous recipes in this chapter, we've been using flexbox to create layouts, but in this recipe, we'll focus on the properties we have at our disposal by recreating the layout from a random name generator application on the App Store called Nominazer (https://itunes.apple.com/us/app/nominazer/id765422087?mt=8).

Working in flexbox in React Native is essentially the same as working with flexbox in CSS. This means if you're comfortable developing websites with a flexbox layout, then you already know how to create layouts in React Native! This exercise will cover the basics of working with flexbox in React Native, but for a list of all of the layout props you can use, refer to the documentation on Layout Props (https://facebook.github.io/react-native/docs/layout-props.html).

...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at €18.99/month. Cancel anytime