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組件。 該文檔示例很好地幫助您了解如何自定義它以適合您的特定用例。