Tag: Navigation

Designing the latest generation of Uber Navigation: maps built for ridesharing

The Uber platform currently powers more than 7 billion trips every year. When we launched Uber Navigation, the world’s first navigation system designed for ridesharing, in 2017, the platform was handling 4 billion trips annually. After 5 years of growing demands, not only in app use bu...

Bottom Navigation Bar with nested Scaffolds

On the Android developer documentation there is a guide on how to integrate the bottom navigation bar into your app, which uses a top level Scaffold and a NavHost as its content. The problem The issue I encountered with this setup is the fact that it’s hard to ne...

Jetpack Compose Clean Navigation

Everybody in the Android world knows that navigation in Jetpack Compose isn’t its brightest side. There are a lot of callbacks and navControllers that you need to pass to execute navigation, and what if you need to do some business logic before sending arguments? Code gets ...

Modular Navigation with Jetpack Compose

A large amount of mobile apps will need some form of Navigation, allowing users to move between different parts of an application. When implementing these requirements within Android Apps, applications have either rolled their own solutions, relied on traditional intents or the fragment manager, or ...

404 Pages: Not an Error, but a Navigation Solution

Navigation has always been a fundamental aspect of web development. The traditional approach hinges on routing libraries or utilizing server-side routes. However, this story focuses on an innovative and non-conventional approach to page navigation — leveraging session storage and good old 404 ...

Navigation in Jetpack compose. Full guide Beginner to Advanced.

What is Navigation in Android? Navigation helps you in understanding how your app moves across different components in your Application. Android JetPack Navigation helps in implementing your high-level navigation in a go easy approach. The Navigation Component is made up of three ...

Navigation bar with Jetpack Compose

Hello there, hope you’re doing well! In the Android world, Jetpack Compose has emerged as a powerful toolkit for building beautiful and dynamic user interfaces. One key component that plays a crucial role in navigation and user experience is the bottom bar. The bottom bar serves as ...

Screen Transition Animations with Jetpack Navigation

I’ve recently delved into how to add support for navigation in Android using Jetpack Compose. To do so, I created a small app that consumes an API and has a Main -> Detail screen. In this post, we’ll go through the basic setup of the project, its key elements to handle navigation, and...

Modularised Navigation in SwiftUI — An Enum-based Approach

In iOS 16, SwiftUI finally allows us to properly encapsulate navigation without being forced to pass a ton of bindings or using NavigationLink directly in UI. One thing that always introduces additional challenges, though, is modularisation. In a best-case scenario, every module func...

Flow Navigation With SwiftUI 4

Having just revisited this navigation for SwiftUI 3 here (which updated the original approach for SwiftUI 1 here), Apple has since rethought navigation with the new NavigationStack as part of the latest SwiftUI 4 release. This is great news… and covers most of my prev...

The Ideal TabView Behaviour With SwiftUI Navigation Stack

There are tons of articles that explain Navigation Stack, which was introduced with iOS 16, but most of these pretty much reshare what Apple’s documentation says — and are similar to the sample Colors app that Apple shared. While that’s good to grasp the basics, it’s far from...

Mastering Mac’s Hidden Gem: Spotlight File Navigation

Spotlight, the supercharged search tool on your Mac, is more than just a quick way to find files or launch applications. It’s a hidden gem that can significantly boost your productivity. Here’s a nifty trick you might not know about: using Spotlight to not just find your files but a...

Get Real-Time Construction Alerts for Smarter Navigation and Logistics

Construction zones around dense roadways are the bane of fleet managers and dispatchers everywhere. With projects constantly popping up and lanes closing with little notice, it becomes challenging to efficiently route your trucks and vehicles. Companies can waste time and fuel trying to navigate une...

Navigation to Nowhere: The 2015 Freihung (Germany) Level Crossing Collision

Freihung is a municipality of 2577 people (as of 2022) in the southeast of Germany, located in the federal state of Bavaria 61km/38mi east-northeast of Nürnberg and 40km/25mi south-southeast of Bayreuth (both measurements in linear distance). The town sits on the edge of the Grafenwoehr Trainin...

How timezones and navigation drove the first measurement of the speed of light

Astronomical observations of the Jupiter system — Jupiter and its moons — have had a rich history in navigation and astronomy. The first known observations of the Jupiter system were conducted by Galileo Galilei in 1610 who discovered the planets 4 largest moons: Io, Europ...

Implementing Rounded and Curved Bottom Navigation Bars in Flutter

Introduction Flutter provides a flexible and powerful framework for building beautiful and engaging user interfaces. In this article, we’ll explore how to implement two distinct styles of bottom navigation bars: a rounded variant and a curved variant. These navigation bars not only enhance ...