Using functional components and Expo!

Modals are a great way to display alerts to grab a user’s attention to provide information in the simplest form. These components are commonly used throughout both Web & Mobile. In this article, I will show you a way to use Modals to display alerts in another screen after some sort of trigger (i.e. a button tap).

Setting up Expo

We are going to use Expo since it’s going to help us build our mobile app. If you are unfamiliar with Expo, check this link out. Open up your terminal, run the expo command to create a new React Native project.

Once you…


Using this Module: react-native-segmented-control-tab

One of the tasks that I have received from my current company was to create a screen that contains a segment to display two different views, depending on the selected segment. It has been quite sometime that I have been digging into the React Native world so here I am thinking why not share some knowledge?

Getting Started

So once you have created a React Native project, (if you don’t know how, go to this link: https://reactnative.dev/docs/0.60/getting-started). Once you have your project open, make sure that you add the module on your terminal.

yarn add react-native-segmented-control-tab

After you have added the module…


Programmatically & using Storyboards in Swift 5!

Since the release of iOS 13, Dark Mode has been a feature that a majority of users have been waiting for (Not sure why, but hey, better late than never).

As iOS Engineers, we’d definitely want our apps to have Dark Mode supported. Sure we would use .systemBackground, or other .systemColors that’s already built in. But what about if you have a custom color that is not listed in the default UIColor’s list? No worries, I’ll show you how to create custom color assets for Dark Mode via programmatically & storyboards.

Creating Color Assets in the Assets Folder

Before we jump into code and applying color assets…


Sometimes we would want to have a “cleaner” UITableView

Using Swift 5!

In this quick & short article, I will show you how to remove those extra lines, or you could say those “extra UITableViewCells”, from your UITableView. Keep in mind, this totally depends on how you like to design your Table View. So then, let’s proceed!

1. Creating an Extension

I find that creating extensions in our code base just helps a ton since it has the ability to have a better and organized code base and that you can extend functionalities to an existing class. …


Difference between a default Tab Bar and a Tab Bar with no background etc.

Programmatically in Swift 5!

Hope you are having a good day so far! Today I am going to quickly show you how to create a UITabBar with a transparent background. So let’s not waste time and let’s code!

1. Getting started

Fire up that Xcode. Click “Create a new Xcode Project” >“Single View App” > Name the project to your liking > Save it wherever you want to save it at > click “Create”.

1a. Create a 2nd ViewController

Totally optional. Since we are having two tabs for now, I am just creating a 2nd ViewController. Definitely depends on you and of how many tabs you want. It doesn’t make a difference.

2. Creating a UITabBarController

George Garcia

Down to earth & passionate iOS Engineer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store