Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

React Native Navigation Library

airbnb.io

Post reply on HN
Print view View original

41–50 of 56 posts

Re: React Native Navigation Library

#41

Post by Shinchy »

mjs7231 wrote: post #8

Am I the only one wondering what the heck this actually is? The page this linked to just goes right into a guide on how to use it but doesn't explain what it is. The github page has a nifty looking guy on it, but once again it's just a jumble of buzzwords I do not understand at all. Why does the Javascript community make me feel stupid? App-wide support for 100% native navigation with an easy cross-platform interface…

It's just a navigation library, it (on a basic level) lets you change pages when making an App with React Native. What's nice is that this works for both iOS and Andriod as the standard built in one has issues (from my experience) with Android. Also, I agree that sentence is terribly written.

Re: React Native Navigation Library

#42

Post by richardwhiuk »

interpol_p wrote: post #28
chris_7 wrote: post #27

Earlier quoted context omitted.

I've definitely seen an animation issue where the typical _async -> main didn't work, but _after (0.001 seconds or so) on main did. Though I don't remember if it was on Mac or on iOS, or really what the issue was.

Those animation issues pop up often, and you can get around them by using DispatchQueue.main.asyncAfter(.now() + 0.1) but often you can figure out what the actual issue is (i.e., you're likely attempting to present something in the wrong place) and you should do that instead.

That's a horrible fix, introduces jank, and doesn't work cross device.

You normally want a CoreAnimation completion block ([CATransaction setCompletionBlock:^(){}], with an enclosing [CATransaction begin] and [CATransaction end].

Re: React Native Navigation Library

#43

Post by notjosh »

danappelxx wrote: post #10

Ummm [0] ...would appreciate an explanation here. [0]: https://github.com/airbnb/native-navigation/blob/91ae656192d...

I think it's probably related to issues that arise when performing view actions/animation in the RN equivalent of `-viewWillAppear:` while segue animations are playing. (Short version: it occurs because the RN JavaScript execution thread is asynchronous.)

A concrete example of a problem I had was when setting a text field to be first responder when displayed. The result was that the keyboard was trying to appear a split second after the push segue animation fired.

(IIRC you can reproduce it fairly trivially in a pure native app by calling `-becomeFirstResponder` asynchronously inside a `viewWillAppear:` block. The result was two animations fighting for screen layout, and a giant white empty block where the keyboard should be.)

The solutions were to: a) wait, or b) fire synchronously in `-viewWillAppear:`. Airbnb seem to have chosen a).

Re: React Native Navigation Library

#44

Post by merrvk »

htormey wrote: post #22
nomnombunty wrote: post #20

We are currently planning on switching from Navigator ( https://facebook.github.io/react-native/docs/navigator.html ) to React Navigation ( https://reactnavigation.org/docs/intro/ ). After seeing Airbnb's React Native Navigation library, I am not sure what to choose any more. React Navigation seems to be the framework that is endorsed by the react native team. However, Airbnb's React Native Navigation library seems t…

My team is in the process of swapping out the navigation stack in one of our apps (we are going with the one from wix for now). Something you might want to consider is the following (copy pasted from my other comment): "The problem with all the JS based navigation stacks for React Native (react-native-router-flux, react-router, React Navigation) that I have tried is that if you need to have a back stack, they keep th…

> I'll be writing up a blog post about my experiences with the wix nav stack migration once we get our app out.

Would be really interested in this, have been looking at doing exactly the same and am attempting to quantify how much work it would take.

Re: React Native Navigation Library

#45

Post by logicallee »

evv wrote: post #25
logicallee wrote: post #12

Earlier quoted context omitted.

>React Navigation, released a few weeks ago, Wow, you guys have a tight curve you're staying ahead of :-)

> Wow, you guys have a tight curve you're staying ahead of :-) In case you're implying this was a "beat them to market" situation, it wasn't. Both navigation projects have been on React Native's public roadmap for several months: https://github.com/facebook/react-native/wiki/Roadmap/_compa... Improved navigation has been one of the RN community's highest-voted feature requests: https://react-native.canny.io/feature-r…

There you go again. You're saying 'several months' like someone else might say "years."

These are insanely short time-frames. (Which is what I was pointing out.) These developers are adjusting much, much more quickly than other developers in other domains. That's all I was pointing out :)

Re: React Native Navigation Library

#47

Post by shafyy »

javiercr wrote: post #39

I'm a bit confused. From this library's README: > If you are investigating navigation solutions and you are okay with JavaScript-based solutions, we also encourage you to check out React Navigation. However if you go to React Navigation home page [1] you find this: > Navigation views that deliver 60fps animations, and utilize native components to deliver a great look and feel. It looks like every RN navigation librar…

I was also confused regarding this. But a good indicator is always if you need to add native components when installing the library, or if it's just a simple npm install

Re: React Native Navigation Library

#48

Post by shafyy »

This looks great. I wonder when a dominant library will emerge for navigation.

Also, I am a little bit confused, because react-navigation makes it sound like there are going to be merged into core once stable:

Once stable, NavigationExperimental will be deprecated in favor of React Navigation. React Navigation is a collaboration between people from Facebook, Exponent and the React community at large. [1]

What do you guys make of that statement?

[1] https://github.com/react-community/react-navigation

Re: React Native Navigation Library

#49

Post by jasongrishkoff »

merrvk wrote: post #44
htormey wrote: post #22

Earlier quoted context omitted.

My team is in the process of swapping out the navigation stack in one of our apps (we are going with the one from wix for now). Something you might want to consider is the following (copy pasted from my other comment): "The problem with all the JS based navigation stacks for React Native (react-native-router-flux, react-router, React Navigation) that I have tried is that if you need to have a back stack, they keep th…

> I'll be writing up a blog post about my experiences with the wix nav stack migration once we get our app out. Would be really interested in this, have been looking at doing exactly the same and am attempting to quantify how much work it would take.

Ditto. Also keen to see your blog post!
Post reply on HN