title: React-Native custom dialog
body: <p>I am using React-Native to create my project, in my project I need a dialog.</p>
  
  <p><a href="https://i.stack.imgur.com/fb9dL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fb9dL.png" alt="enter image description here"></a></p>
  
  <p>How can I make the dialog just like the image? If anyone have an example about it please tell me <strong>its very important in my App thank you</strong>. 
  I also tried this from React-Native documentation but I can't modify it to be like this photo.</p>
  
  <p>I tried many examples in the internet but I failed to make it.</p>
  
  <pre><code>Alert.alert(
    'Alert Title',
    'My Alert Msg',
      [
        {text: 'Ask me later', onPress: () =&gt; console.log('Ask me later pressed')},
        {text: 'Cancel', onPress: () =&gt; console.log('Cancel Pressed'), style: 'cancel'},
        {text: 'OK', onPress: () =&gt; console.log('OK Pressed')},
      ]
  )
  </code></pre>