10 posts tagged with "Navigation"

Welcome back to a new tutorial of our SwiftUI series. In this tutorial, we are going to learn how to implement a navigation drawer in SwiftUI, also know as side menu, side bar menu or hamburger menu. If you have ever worked with it in UIKit, you will understand its nature thoroughly. We will simply create a ViewController and assign it as a quick navigator.

This tutorial aims to provide software developers with a comprehensive understanding of React Native Navigation, specifically comparing React Navigation and React Native Navigation v5. React Native Navigation is a crucial aspect of building mobile applications using React Native, as it allows users to navigate between different screens and components seamlessly. By the end of this tutorial, you will have a clear understanding of the differences between React Navigation and React Native Navigation v5, their key features, installation processes, usage, performance comparison, and tips for optimizing navigation in React Native.

In this tutorial, we will explore the 10 essential skills that every React Native developer should possess in order to advance their career. React Native is a popular framework for building cross-platform mobile applications using JavaScript. By mastering these skills, developers will be equipped with the necessary knowledge and expertise to create robust and high-performing mobile apps.

In this tutorial, we will learn how to create a responsive navigation menu with React. A responsive navigation menu is an essential component of any website as it allows users to navigate through different pages or sections of the website easily, regardless of the device they are using. By the end of this tutorial, you will have a fully functional and responsive navigation menu that can adapt to different screen sizes.

Hello everyone, welcome back to our SwiftUI tutorial series. This time, we are going to learn one of the important features of iOS in particular and mobile in general: MapView. With SwiftUI, using a MapView in your app is not as trivial as it used to be. But it is totally possible to use a Map View in SwiftUI, which is what we tackle in this SwiftUI tutorial.

Flutter’s new Navigator and Router API is described in detail in this post. These new functionalities may have been referred to as the Router widget in Flutter’s open design documents. Using these APIs, you’ll be able to fine-tune control over your app’s displays, and you’ll learn how to parse routes. These new APIs don’t break anything; they merely add a new declarative API to the list of available options. If you wanted to relocate or delete a page from the bottom of a stack, Navigator 2.0 made it much easier. It’s OK if you’re content with how the Navigator works right now, so long as you don’t mind the changes. Using the Router, the underlying platform’s routes may be handled and the relevant pages are shown. The Router is set up to show the relevant page based on the browser URL in this article.

Any app worth it’s salt will almost certainly have at least one, if not more than one, image picker. The image picker feature is included in a variety of major applications, including Facebook, Twitter, Instagram, and WhatsApp, amongst others. This feature allows users to choose files from their own device to use as a profile picture or to share with their friends. Setting an avatar for the user profile is by far the most typical function for an image picker to perform in a mobile application. In this guide, we’ll walk you through the process of developing an image picker using Flutter. An example Flutter app will be developed in which the user may either choose a picture from the gallery or snap a photo using the device’s camera.

Deep linking lets a React Native app open directly to a specific screen from an external URL. It is useful for passwordless login links, push notifications, marketing campaigns, referral invites, order tracking, chat threads, and content shared from the web.

Drawing directions in a React Native app usually starts with a simple map polyline. A straight polyline is enough for connecting two coordinates visually, but real turn-by-turn-looking routes need a routing service such as Google Routes API, Mapbox Directions, HERE Routing, or a backend you control.

Many of our fully-coded iPhone app templates consist of a drawer menu navigation. This type of navigation usually is triggered by tapping on a menu button on the top left corner of the screen. Once clicked, the menu gets extended from the left side and takes over two-thirds of the screen. Here, the users can choose whatever option they want to navigate to. This type of app navigation is more popular in Android apps, but it gained some ground in the iOS realm as well, especially since concepts like Material design came out. People might also refer to this as hamburger menu navigation.