Settings

Theme

React Native – Easy Overlay Modal with Navigator

browniefed.com

27 points by browniefed 10 years ago · 6 comments

Reader

andrewrothman 10 years ago

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.

rhodysurf 10 years ago

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.

  • hiby007 10 years 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.

  • browniefedOP 10 years 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.

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection