Batyr

BUDDY Marketplace is built with @reactnative, and we couldn't have done it without @Expo, @ReactNavigation, @mrousavy, and @ReactNativeComm. Thanks to your fantastic libraries, we shipped a production mobile app in just 3 months, with a single developer! 🦾

At @BuddifyB2B, we’ve worked hard to bring @Shopify brands together, helping them sell more and build partnerships. It's been a success in just over a year! 🎉 We’ve launched BUDDY Marketplace a few months ago to boost sales for brands and offer discounts to direct customers on 100k+ products from brands in 🇺🇸🇬🇧🇨🇦🇦🇺 Download now, start saving today and give us your honest rating! buddify.app/get/buddy-ios

Navio layout for this kind of app would look like this

🧭 Navio v0.0.7 released Now you can create exotic app's layouts much faster and easier with Navio! On the video you can see a drawer-based app with tabs (as a menu item) which include another drawer inside. Check out the layout code 👇 github.com/kanzitelli/rn-…

Such a great experience to be a part of @ShopifyDevs community and build apps for @Shopify merchants! Special thanks to Polaris team which improves React components with every update! It makes it even more enjoyable to build apps for #Shopify.

@nightstomp @expo @ShopifyEng great, thanks for pointing that out! Just added that in v6.1.1 and now recycling works much better!

@kanzitelli @expo @ShopifyEng That expo-image example is missing `recyclingKey`

📱Expo Starter (v6.1.0) has better playground with more examples now! Try out new @Expo Image's great performance with FlashList by @ShopifyEng! Also, Navio "Auth flow" and "Hide tabs" examples have been added. Run `npx cli-rn new app` and enjoy! github.com/kanzitelli/exp…

@itzz_me_5247 Now you can use directly `navigation.setOptions()` from @ReactNavigation (#setoptions" target="_blank" rel="nofollow noopener">reactnavigation.org/docs/navigatio…). I'm planning to add .updateOptions in Navio for screens, stacks, etc. Why I started with tabs is bc React Navigation doesn't provide a method for updating tab options (badge, etc)

@kanzitelli what if the badge is in a navigation right button component?

🧭 Navio v0.0.6 released You can now easily update tab options (eg. badge) from any point of the app! navio.tabs.updateOptions('SettingsTab', { tabBarBadge: 3 }) Even tho Navio is static, it achieves that without unnecessary re-renders! 🪄 gitHub.com/kanzitelli/rn-…

@reactnavigation @satya164 that’s awesome! will be there a way to easily update tab options? that’s challenging a bit while building Navio, but i still have some approaches in mind to implement

React Navigation 7 alpha is now on npm 🎉 We are excited to release static configuration API with this release. Please try it out and provide feedback! 🙏 reactnavigation.org/docs/7.x/stati… Note that this is a super-early release and the documentation isn't ready.

@itzz_me_5247 @reactnative @expo @typescript @reactnavigation That's how Navio layout would look like:

@itzz_me_5247 @reactnative @expo @typescript @reactnavigation Hey! I have just released new version (0.0.5) of Navio which makes it easy to achieve with native Back button for the pushed Stack. Full example can be found @ github.com/kanzitelli/exp….

🥳 Navio v0.0.2 released Navio is a navigation library for @ReactNative (@Expo). Build once, navigate from anywhere to everywhere! 📐Fast layout build (Stacks, Tabs, Drawers) 🧭Predictable navigation w/ @typescript 🔋Built on @reactnavigation Github: github.com/kanzitelli/rn-…

@satya164 @cedricvanputten @itzz_me_5247 @reactnative @expo @typescript @reactnavigation React Navigation is great and your input to that is amazing, thank you for that. Navio is just another try to simplify things based on my personal experience in mobile app dev since 2013 and aims to be a good addition for React Navigation.

@satya164 @cedricvanputten @itzz_me_5247 @reactnative @expo @typescript @reactnavigation Definitely, that's right, it makes content jump and leaving whitespace. I didn't mean to compare two approaches, both are good in its own way. For eg., with JS-based, you can easily apply any designs you want, however with native it's painful.

@cedricvanputten @itzz_me_5247 @reactnative @expo @typescript @reactnavigation As React Navigation uses its own implementation of tab bar (not native). With native API it's easily achievable.

@kanzitelli @itzz_me_5247 @reactnative @expo @typescript @reactnavigation You can achieve this with react navigation: reactnavigation.org/docs/hiding-ta…

@cedricvanputten @itzz_me_5247 @reactnative @expo @typescript @reactnavigation Let's say, you have a tab based app (Feed, Chats, Profile) and want to hide tabs only on a Chat screen (when navigating from Chats) and show tabs again if you open your friend's Profile from a Chat page.

@cedricvanputten @itzz_me_5247 @reactnative @expo @typescript @reactnavigation Yeah, it works with Navio as well. However it's a basic use case and not suitable if you try to hide tabs in between of navigation.

@ihonomic @reactnative @expo @typescript @reactnavigation Thanks, Ihon!

@kanzitelli @reactnative @expo @typescript @reactnavigation This is good

@sstur_ @reactnative @expo @typescript @reactnavigation Thanks, Simon!

@kanzitelli @reactnative @expo @typescript @reactnavigation This is super awesome!