react-native-navigation VS react-native-firebase

Looks like this feature is not available (check here and here) yet. Good luck mate

another option is react-native-navigation which I haven't used yet but as the document says:

The behavior was reported in their issues 2 years ago: https://github.com/wix/react-native-navigation/issues/6174

At this point don't have a clear preference over which package to use in my next project (react-navigation or react-native-navigation) - they both have strengths and weaknesses, one is easier to actually work with, one is faster in terms of execution, one has better APIs, docs, community, etc.

class Home extends React.PureComponent { constructor(props: Props) { super(props); Navigation.events().bindComponent(this); } closeMenu = () => { this._drawer.close(); }; openMenu = () => { this._drawer.open(); }; static options(passProps) { return { topBar: { rightButtons: [ { component: { name: 'MenuButton', passProps: { onClick: () => this.openMenu(), }, }, }, ], }, }; } render() { return ( ... ); }} Reference I got my passProps code from: https://github.com/wix/react-native-navigation/issues/3648

Thanks! React Native to build the app. React Native Navigation from Wix to build the navigation so the app feels native.

There are two major navigation libraries in React Native world: react-navigation and react-native-navigation. They are both widely used among the community.

You can have a look at React Native Navigation: https://wix.github.io/react-native-navigation/

To navigate between screens, you will probably end up using the very popular React Navigation library. There is a great, purely native alternative, React Native Navigation (the names get confused easily), from Wix. It is super performant but not that flexible. Therefore, again: If your design asks you for something custom, you have no choice but to go with React Navigation; luckily, it is a great, well-documented option.

We'll be utilizing React Native Firebase for this.

I used Expo-React native so I didn't use directly rnfirebase.io.

I found someone who had a similar issue: https://github.com/invertase/react-native-firebase/issues/1317

Otherwise, if you want remote storage a many other useful backend capabilities without writing and maintaining your own backend (messaging, remote updates, etc.) you can use Firebase. This is a very useful suite of tools from google that lots of people use that can handle Social Authentication, Push Notifications, Analytics, A few different kinds of data bases with both local and remote persistence. You won't need this for your todo but you might want to use it if you're making something more serious.

I’m following the exact same instructions as found here [https://rnfirebase.io/] but once I’m done with all the steps and build my project again, I get a very very long error that even my VS Code zsh terminal just cuts off.

Just add the code it does all I’m using https://rnfirebase.io/ if expo does support firebase it might work the same, use expo docs instead..

For firebase analytics just check out https://rnfirebase.io/ and read their documentation. It works for me! Also don‘t forget to build a custom dev client with eas.

If it is a bare RN application, make sure to follow the steps here to set up the SDK. Once you have set up the SDK, you need to set up all other services you are using on Firebase. For example, if you’re using Firestore, go to the Firestore usage docs and set it up.