A new way to create navigation in react-native

Software Mansion – Labs

Last update: Dec 14, 2022

Related tags

React react-native-url-router

Overview

React Native Url Router

Documentation page

Motivation

React Native Url Router aims to simplify native navigation patterns.

It allows for native navigation UI that feels natural on mobile together with easy navigation by opening URLs.

It exports Stack and Tab Navigators same as react-navigation, but they are usually closely mapped with an app-wide URL structure.

Being designed to work seamlessly with react-router and it should feel immidiately intuitive to people who used react-router on web.

React Router provides the routing logic, route ranking, matching, params support and more.

React Native Url Router provides a powerful new abstraction over a regular web history stack. It also integrates with react-native-screens providing a fully native stack behavior, and relies on react-native-pager-view for swipeable Tabs.

Usage

}} /> <> {loggedIn && }

React Native popup tip utility

react-native-tip React Native Tip is a simple package inspired in MaterialUI-Tooltip that helps you to show a quick tip to the user and highlight some

Jan 5, 2023

A social app concept with React Native

Social App Concept-React Native 🔥 A simple social app concept with react native. Improving day by day. Star ⭐ the repo if you like what you see 😉 .

Dec 31, 2022

Further split the React Native code based on Metro build to improve performance, providing `Dll` and `Dynamic Imports` features

React-Native Code Splitting Further split the React Native code based on Metro build to improve performance, providing Dll and Dynamic Imports feature

Dec 29, 2022

React Native & Expo music player application UI

Would you like to support me? Musicont React Native & Expo music player application UI Demo: https://expo.io/@jsxclan/musicont APK: Download on Google

Dec 14, 2022

uber-eats-clone react native

Uber Eats Clone Uber Eats Clone React Native Tools and technology react-native Stripe payment checkout expo tailwind css yelp API Firebase (Authentica

Dec 7, 2022

A react native component that lets you build a dynamic expandable chips list.

React Native Expandable Chips List A react native component that lets you build a dynamic expandable chips list. Installation Run npm install react-na

Sep 23, 2022

🚀 Aplicação mobile com React Native produzida durante o Next Level Week #05

✨ Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: React Native Typescript Expo 💻 Projeto Aplicativo para lhe ajudar a lembrar

May 28, 2022

🧍‍♂️ React Native + Next.js, unified.

Solito A library dedicated to unifying React Native with Next.js, primarily focused on navigation. This is still experimental. Docs & Examples 📚 Docu

Jan 9, 2023

The Tesla Clone built in React Native FrameWork

Tesla Clone The Tesla Clone built in React Native FrameWork Features Flat Infinite Scroll List View with animations. Design is responsive to different

Feb 10, 2022

Comments

router level prefetch

This project is so cool! Can we have something ike router level prefetch to embrace the React 18, like loading data outside React's life cycle and in parallel with the route loading

opened by Albert-Gao 7
The Navigation router

You should take a look at my Navigation router because it solves the problems you’re working on. It’s a single API that works on Android, iOS and the Web. It’s 100% native so it uses Fragments on Android, UINavigationController on iOS and browser history on the web.

You can see it in action in this Twitter example. It’s a single codebase that runs on all three platforms. What’s more, on the web all the navigation is via Hyperlinks.

Even on native all navigation is via URLs under the covers. But there’s no hard-coded URLs because you navigate using the name of the scene and passing strongly-typed data. Let me know if you’re interested and I can tell you more about it.

opened by grahammendick 1

Owner

Software Mansion – Labs

Our experimental projects are hosted here. For our officially maintained libraries visit https://github.com/software-mansion.

GitHub

🎉 toastify-react-native allows you to add notifications to your react-native app (ios, android) with ease. No more nonsense!

toastify-react-native ?? toastify-react-native allows you to add notifications to your react-native app (ios, android) with ease. No more nonsense! De

29 Oct 11, 2022

Based on pure JS scripts, without relying on native, no need for react-native link, Title / Header / Tabs / Sticky / Screen components can be flexibly configured, among which Tabs / Sticky can slide When it reaches the top, it will be topped.

react-native-scrollable-tabview English | 简体中文 Based on pure JS scripts, without relying on native, no need for react-native link,Title / Header / Tab