How to Open App Store with Swift

To open the App Store with Swift, you can use the UIApplication.shared.open method and pass in the URL of the App Store as the argument. Here is an example: if let appStoreURL = URL(string: "https://itunes.apple.com/us/app/apple-store/id375380948") { UIApplication.shared.open(appStoreURL) } This code

React Navigation half modal with backdrop close

One of the most used components in front-end development is modals. It has a lot of use cases, for example, you can use modals as a select component for filtering lists or alert dialog, etc. React Navigation offers really good API to create modals. In this tutorial, we will learn

What's New in Node.js 19

The Node.js team recently announced version 19 and  Node.js 18 will become Long-Term Support (LTS). According to the Node.js release process, Node.js 19 will not be promoted to LTS as only even-numbered versions are promoted to LTS releases – like Node.js 8, Node.js 10, Node.

React Native

Invert Text Color Based on Background Color in React Native

In this blog post, we are going to learn how to use blend mode in React Native Skia

React Native

Firebase Tutorial for React Native: Getting Started

In this article, I m going to explain how to set up the Firebase core. This article will be a reference in our other articles.

React Native

Increasing Android build memory in React Native

how to increase Android build heap size

React Native

React Native Swipeable List

Learn how to implement a Swipeable list with Reanimated.

Swift Constants, Variables, and Data Types

In this lesson, you'll learn how constant, variables, and different data types in Swift. Variables Variables may change during the lifetime of the app. you can define variables using the var keyword var age = 40 print(age) The code above would print 40  to the console. Let's try to assign

How to fix: Swift pods cannot yet be integrated as static libraries FirebaseCoreInternal-library

I recently created a new app React Native 0.69.1 with Firebase 15.1.1 and needed  to integrate Firebase and I got  error  the below when doing "pod install" The Swift pod FirebaseCoreInternal-library depends upon GoogleUtilities-library, which does not define modules. To opt into those targets generating module

Swift

“Hello, World!” in Swift

When you start learning a new programming language, the most straightforward application you can write in any language is the "Hello, World!" application. Swift code is written plaint text files with a .swift  file extension // Swift "Hello, World!" print("Hello, World!") Output Hello, World! as you might guess from the

React Native

How to Open Google Play in React Native

React Native Linking to Google Play

Swift

Introduction to the Swift

Swift, open source, general purpose, compiled programming language developed by Apple in 2014. It is used to create apps for iOS, macOS, watchOS, and other platforms, such as Linux and Windows. it can also be used for server-side (Popular frameworks are Vapor, Kitura, and Perfect) Swift programming is fast and

React Native

React Native Reanimated - Donut Chart

In this post, we will learn how to create an animated donut chart component in React Native using React Native  Reanimated and React Native SVG. I m playing with Reanimated library for fun purposes from time to time. Recently I show a video on Youtube from Catalin Miron [https://www.

How to make a large header on iOS in React Navigation

In this article, you will learn how to create a large collapsible animated title on iOS in React Navigation. Larger titles are used across the system apps, from the App Store and Apple Music to Notes and Mail. The Health app is shown below: Large titles are implemented inside @react-navigation/

React Native

How to install React Native Vector Icons

React Native Vectors Icons requires some additional steps to works properly.

React Native

Reanimated Drag and Drop

Reanimated is a powerful library, when it's used together with React Native Gesture Handler is much more powerful. In this article, we are going to show how to drag and drop views. Firstly, We need to import the necessary components and functions. import { View, StyleSheet, SafeAreaView } from 'react-native'; import Animated,

React Native

How to fix Error: While trying to resolve module @apollo/client React Native

Error: While trying to resolve module @apollo/client

React Native

Best React Native UI Libraries in 2022

React Native allows you to create user interfaces with built-in declarative components like Picker, Button, Slider, Switch, etc. But with core components, we need to write our UI  components according to design. But no need to reinvent the wheel most of the time, we can use components libraries in our

React Native

How to center content when using ScrollView with KeyboardAvoidingView

One of the pain points of React Native is  TextInputs when the keyboard pops up. There are a lot of improvements over the years. Android and iOS work differently. Recently I had a problem with ScrollView inside KeyboardAvoidingView. I need to center content inside ScrollView. As you can see TextInput

React Native

How to hide Tab Bar from the screen in React Navigation 6

In this tutorial, we’ll show how to hide Tab bar from the screen in React Navigation 6. If you are using the default Tab provided by React Navigation hiding the tab bar is so easy. we can use setOptions a method like this way const hideTabBar = () => { navigation.setOptions({ tabBarStyle:

React Native

React Native Pulse( Tinder inspired) Animation with Reanimated 2

Create Pulse animation with Reanimated 2

React Native

React Native Trigger Deep Links

Deep links are very important to improve the user's experience. You can send users specific pages in the app. When you configured deep links in your app. We have to test it like everything else The first option is you can do it this way. https://reactnavigation.org/docs/deep-linking/

Android

Debug your Android App over Wi-Fi

If you are developing apps for Android applications you can use an emulator or device to debug and test your applications. Especially if you have a slow computer, you probably run your app on an Android device to get the best performance. I want to be comfortable as a software

React Native

How to create ribbon in React Native

Create corner ribbons in React Native

React Native

How to find out FlatList scroll direction

FlatList scroll direction with Reanimated 2