React Native & Expo SDK

import React, { useState } from "react"
import { View, Button, Text } from "react-native"
import { KkhayModal } from "@kkhay/react-native"
 
export default function App() {
  const [modalVisible, setModalVisible] = useState(false)
 
  return (
    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
      <Button
        title="Pay with Crypto"
        onPress={() => setModalVisible(true)}
      />
 
      <KkhayModal
        visible={modalVisible}
        apiKey="kkhay_live_YOUR_KEY"
        amount={29.99}
        currency="USD"
        orderId="MOB-1002"
        onClose={() => setModalVisible(false)}
        onPaymentSuccess={(invoice) => {
          setModalVisible(false)
          alert("Payment verified on-chain!")
        }}
      />
    </View>
  )
}