React Native – Easy Overlay Modal with Navigator (opens in new tab)

(browniefed.com)

27 pointsbrowniefed10y ago6 comments

6 comments

6 comments · 2 top-level

andrewrothman10y ago· 2 in thread

Looks like a great tutorial. I'm glad to see you included animation, which I generally see as a pain point in declarative user interface development, and which looks pretty simple here.

React Native just keeps getting bigger and bigger. I can't believe what has been accomplished with this tool, and it's amazing to think what the future of it might be.

browniefedOP10y ago

For a nice repo of declarative animations check out https://github.com/oblador/react-native-animatable

andrewrothman10y ago

Very impressive stuff. Thank you.

rhodysurf10y ago· 2 in thread

I dont really understand why people are in love with React Native. Looking at this example code it looks pretty gross (In my opinion) compared to doing the exact same thing in Obj C or Swift.

hiby00710y ago

Because programmer like my self who does not have knowledge in objective-c or swift can just use the standard web technologies to make a almost native like experience mobile app.

Agreed that still react-native is far to give you complete solution but the future looks promising.

browniefedOP10y ago

This was just a quick example based on a question I was asked, didn't think anyone would see this. There is also `Modal` component that you can render at any depth, however it's currently not supported on Android, and renders outside the React context. It looks nicer than this pseudo hack method.

React Native is great for building applications with the desire to have them run cross platform while using most of the same business logic/views. Should you use React Native for everything? Hell no.

You do get css styling, flexbox layout, can greatly lessen the build and maintenance costs of an app, leverage current React knowledge, and very easily bridge to the native world with React Native.

j / k navigate · click thread line to collapse