Custom alert dialog in react native?

reactjs react-native modal-dialog alert
user3802348 picture user3802348 · May 31, 2016 · Viewed 30.7k times · Source

I'm trying to create a custom alert dialog with an image background and some custom styling, but can't seem to find out how to do this using Alert or AlertIOS in react-native. Is this possible, or is there some library that can help me out?

Answer

Tom Walters picture Tom Walters · May 31, 2016

Both Alert and AlertIOS utilise each platform's native simple alert dialog. On iOS the underlying native component is simplistic and only accepts a title, message, and buttons, with a similar case on Android.

For a more custom approach you could use React Native Modalbox, or React Native Modal - both of which provide a highly-customisable modal component.

In future I'd recommend using JS.coach for a comprehensive list of quality React Native components.

Related questions

How to clear react-native cache?

In react-native development, there are multiple caches used when the app is built: React-native packager cache Emulator cache Java side cache (.gradle) folder (only in android) npm cache (if relevant?) Am I missing something also? Because I'm trying to clear …

Read More
ReactNative: how to center text?

How to center Text in ReactNative both in horizontal and vertical? I have an example application in rnplay.org where justifyContent="center" and alignItems="center" is not working: https://rnplay.org/apps/AoxNKQ The text should being centered. And why …

Read More
ReactJS: Maximum update depth exceeded error

I am trying to toggle the state of a component in ReactJS but I get an error stating: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of …

Read More