Replace navigation library (react-native-navigation) with react-navigation... and a bit more.

[vincentritter]

This fully replaces the old navigation library with react-navigation.

We did this to have parity between all mini Micro.blog apps (Strata & Epilogue).

In addition to this, I've upgraded React Native to version 0.73.6 which is their latest last 0.73 release. I'd like to keep one version behind as 0.74 is still new. Note that in order for you to install packages, you will need to also have the latest yarn installed. Just run yarn -v and see if you have version 3 or above. If not, you need to update it. You can do this by grabbing the stable version: yarn set version stable.

There are some minor changes and you may encounter some oddities that I may have not spotted. Some high level tweaks:

• When the app first loads, we now just get a quick loading spinner as the App hydrates. Once loaded all the tabs are shown.
• The login modal now pushes in, instead of it being shown in a modal. This is the same behaviour as Strata.
• The login screen was tweaked to show the same green pop over sheet at the bottom, like Strata, when the email was sent.
• Tab bar icons now have a custom component so we can finally tweak sizes.
• Various new buttons were introduced that appear in the header area to facilitate functionality that we previously had with the old navigation library: Close button, Post button, etc — in addition they automatically handle state updates across their respective models, for example marking a post as "Draft" will also easily change that button (previously it was cumbersome).
• Due to some issues with navigating to a shared screen on different tabs, I implemented shared screens that pass in the navigation context/stack for the given tab. The app then listens for when a tab is activated and prefixes the tab name (I set these manually depending on the tab) to the screen name that we're calling. You can see that here. This way we always make sure we navigate to the necessary screen on the given tab.
• Some screens, like Discover and Highlights work a little better now, for example refreshing the Discover Emoji order at random and loading the correct highlight count.
• Pages that cannot be edited, like default pages, are no longer editable.
• ... and much more.

The whole navigation stack now initializes in the main App.js file. This is just as it should be with the new library and I made sure to keep functionality and "feel" the same across all screens.

One issue I need to sort is when selecting a conversation within a conversation — right now that navigates again to another screen (via a push action). Previously it would update the same screen and highlight the correct conversation.

This was tested on both iOS and Android.

For Android, I moved the project over to use Kotlin and made some fixes where icons were missing or wrong. This also includes fixes for the Share functionality on Android which was broken. The iOS share sheet works as expected also.

[vincentritter]

In addition to this, I am in favour of marking this release as "3.0" on Android and then we can perhaps keep the versions close together.

[manton]

Thanks! Huge change, I'm merging it in. YOLO. 🤪

I still kind of want to reserve the Android version bump to when we have a big feature there, but we can discuss that separately.

[manton]

I finally got this building. Had a bunch of dumb problems with different versions of Xcode, Ruby, etc. I'm also using bun now and like it.

New code is looking good!