reactnavigation's profile picture. Routing and navigation for React Native and Web apps. Maintained by @satya164

React Navigation

@reactnavigation

Routing and navigation for React Native and Web apps. Maintained by @satya164

The `useNavigationState` hook will get the same update! It will accept the name of the route as an argument, and automatically determine the type of the state object.

We're working on making `useNavigation` types more useful Before: `useNavigation` returned a type that didn't contain navigator methods like `toggleDrawer` for Drawer. New: You can pass the name of the screen, and it'll return types that match the screen.



Should we add a `persistor` prop in React Navigation to make state persistence easier?

reactnavigation's tweet image. Should we add a `persistor` prop in React Navigation to make state persistence easier?

React Navigation сделал(а) репост

Planning to add an API to React Navigation to make components avoid the Header and TabBar, You'd use it like: <TopSpacer /> <YourContent /> <BottomSpacer /> They are similar to SafeAreaView but more flexible, as you don't wrap your content. What should I name them?


Recently started using @vite_js to test React Navigation on Web. Our playwrite tests also use Vite. Many people seem to be using React Navigation on Web with Vite, so it'll help us make sure that we don't break compatibility.


The coolest thing about this API is that the hook is no longer specific to the closest parent screen. So you can write `useRoute('SomeOtherScreen')` and get the route object and params for any parent screen. No need to wire up context or write special code to pass params down.

We're working on improving type-safety for the useRoute hook. Instead of using type assertion, it will accept the route of the name as an argument. The name is checked against the actual route name at runtime.



We're working on improving type-safety for the useRoute hook. Instead of using type assertion, it will accept the route of the name as an argument. The name is checked against the actual route name at runtime.


React Navigation сделал(а) репост

You can now get tabs with liquid glass effect with React Navigation, thanks to React Native Screens

Thanks to React Native Screens ❤️, Native Bottom Tabs is now available to test in React Navigation. Install the latest version of @react-navigation/bottom-tabs and import from @react-navigation/bottom-tabs/unstable

reactnavigation's tweet image. Thanks to React Native Screens ❤️, Native Bottom Tabs is now available to test in React Navigation.

Install the latest version of @react-navigation/bottom-tabs and import from @react-navigation/bottom-tabs/unstable


React Navigation сделал(а) репост

Released `[email protected]` couple of mins ago. Including mostly API refinements around new header items API by @johankasperi! Huge shoutout! The release also includes few important fixes. Check out here: github.com/software-mansi…


The latest version of Native Stack now has a new unstable API to add native buttons to the header 🤯 Thanks to @johankasperi for implementing it in React Native Screens and @kafara_kacper for reviewing ❤️ Please help us test and provide feedback 🙏 📖 reactnavigation.org/docs/native-st…


Looks sick

React Native Bottom Tabs 1.0.0 is out ✨ - Drops old architecture 🌅 - Simplifies build configuration, making it fully compatible with Expo Image ✅ - Bunch of bug fixes 🐛 It works with @expo router, @reactnavigation and in standalone mode ⬇️



Loading...

Something went wrong.


Something went wrong.