React-Native自定义对话框

Question

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

如何使对话框像图像一样？ 如果有人举个例子，请告诉我它在我的App中非常重要，谢谢 。 我也从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')},
    ]
)

Answer 1

如果您只想使用模式消息的系统默认布局显示简单消息，则Alert是一个很好的组件。 否则，我建议使用Modal组件。 该文档示例很好地帮助您了解如何自定义它以适合您的特定用例。