React Native – Easy Overlay Modal with Navigator

React Native – Easy Overlay Modal with Navigator(browniefed.com)

27 points by browniefed 10 years ago | 6 comments

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.

browniefed 10 years ago | |

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

andrewrothman 10 years ago | | |

Very impressive stuff. Thank you.

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.

browniefed 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.