React-Native自定义对话框

时间:2016-11-24 18:15:59

标签: javascript android ios react-native dialog

我正在使用React-Native来创建我的项目,在我的项目中我需要一个对话框。

enter image description here

如何使对话框与图像一样?如果有人有这方面的例子,请告诉我在我的应用中非常重要,谢谢。 我也从React-Native文档中尝试过这个,但我无法将其修改为像这张照片。

我在互联网上尝试了很多例子,但我没能成功。

Alert.alert(
  'Alert Title',
  'My Alert Msg',
    [
      {text: 'Ask me later', onPress: () => console.log('Ask me later pressed')},
      {text: 'Cancel', onPress: () => console.log('Cancel Pressed'), style: 'cancel'},
      {text: 'OK', onPress: () => console.log('OK Pressed')},
    ]
)

1 个答案:

答案 0 :(得分:0)

如果您只想使用模态消息的系统默认布局显示简单消息,那么

Alert是一个非常好的组件。否则,我建议您使用Modal组件。文档示例非常适合帮助您了解如何自定义它以适合您的特定用例。