Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Lightning-Fast Mobile App Development with Galio
  • Table Of Contents Toc
  • Feedback & Rating feedback
Lightning-Fast Mobile App Development with Galio

Lightning-Fast Mobile App Development with Galio

By : Gheorghe
close
close
Lightning-Fast Mobile App Development with Galio

Lightning-Fast Mobile App Development with Galio

By: Gheorghe

Overview of this book

Galio is a free open source React Native framework that enables beginner-level programmers to quickly build cross-platform mobile apps by leveraging its beautifully designed ready-made components. This book helps you to learn about React Native app development while building impressive out-of-the-box apps with Galio. Lightning Fast Mobile App Development with Galio takes a hands-on approach to implementation and associated methodologies that will have you up and running and productive in no time. Complete with step-by-step explanations of essential concepts, practical examples, and self-assessment questions, you will begin by exploring the basics of React Native and understanding how Galio works. As you make progress, you'll learn how to initialize and configure a React Native app and get to grips with the basics of React Native development. You'll also discover how packages work and how to install Galio as the main dependency, along with understanding how and why Galio helps you to develop apps with ease. Finally, you'll build three practical and exciting apps using React Native and Galio. By the end of this app development book, you'll have learned how to use Galio to quickly create layouts and set up React Native projects for your personal ideas.
Table of Contents (14 chapters)
close
close

Finalizing our app

At this point, we need to add some icons to the Bottom Tab Navigator.. But how should we do this? Luckily for us, React Navigation has a pretty straightforward way of modifying its default components.

And because we're already here, we should also change the focus color of whatever tab we're using at the moment.

So, let's go back to our routes.js file. Because we want to add icons to our tabs, we should import the Icon component from 'galio-framework'. After all the imports, we should write the following:

import { Icon } from 'galio-framework';

Now that we've imported the component that we'll use to display icons, let's see how we should do that. Search your AppTabs() function and find the <Tab.Navigator /> component. Here, we'll add two new props called screenOptions and tabBarOptions. Let's quickly check them out and see how exactly we're using them to implement an icon inside our...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech

Create a Note

Modal Close icon
You need to login to use this feature.
notes
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Delete Note

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Edit Note

Modal Close icon
Write a note (max 255 characters)
Cancel
Update Note

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY