Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletter Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Lightning-Fast Mobile App Development with Galio

You're reading from   Lightning-Fast Mobile App Development with Galio Build stylish cross-platform mobile apps with Galio and React Native

Arrow left icon
Product type Paperback
Published in Nov 2021
Publisher Packt
ISBN-13 9781801073165
Length 272 pages
Edition 1st Edition
Languages
Tools
Arrow right icon
Author (1):
Arrow left icon
Alin Gheorghe Alin Gheorghe
Author Profile Icon Alin Gheorghe
Alin Gheorghe
Arrow right icon
View More author details
Toc

Table of Contents (14) Chapters Close

Preface 1. Chapter 1:Introduction to React Native and Galio 2. Chapter 2: Basics of React Native FREE CHAPTER 3. Chapter 3: The Correct Mindset 4. Chapter 4: Your First Cross-Platform App 5. Chapter 5: Why Galio? 6. Chapter 6: The Basics of Mobile UI Building 7. Chapter 7: Exploring the State of Our App 8. Chapter 8: Creating Your Own Custom Components 9. Chapter 9: Debugging and Reaching out for Help 10. Chapter 10: Building an Onboarding Screen 11. Chapter 11: Let's Build – Stopwatch App 12. Chapter 12: Where To Go from Here? 13. Other Books You May Enjoy

Leveling up our screens

Let's see what kind of app we're going to create. I was thinking we could have a screen where it shows our current age down to months, days, hours, and minutes. I mean, that's pretty cool, right? Whenever someone asks you your age, you'll be able to just take your phone out of your pocket and show them the screen you've created. Let's get started:

  1. Let's open up our terminal and create a new expo managed project just like we always do, using the following command:
    expo init RealAge

    Now let's open up our project and start writing some code!

  2. Let's go straight to the App.js file and delete everything in there besides the imports and StyleSheet. I always leave the StyleSheet because I'm a fan of centered text.
  3. Now let's rewrite the App component as a class component.

    Figure 7.5 – App.js rewritten as a class component

  4. Now let's open up our Expo app by using the following command...
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 $19.99/month. Cancel anytime
Banner background image