expo-stripe-checkout

expo-stripe-checkout

Since currently the only way to implement Stripe Checkout on an Expo app is by ejecting, I've built this lib that adds support for Stripe Checkout using a WebView.

Usage

npm install expo-stripe-checkout or yarn add expo-stripe-checkout

API

Prop	Type	defaultValue
publicKey (required)	string
amount (required)	number
imageUrl (required)	string
storeName (required)	string
description (required)	string
allowRememberMe (required)	boolean
storeName (required)	string
onPaymentSuccess (required)	function
onClose (required)	function
currency	string	USD
prepopulatedEmail	string
style	ViewStyle

render() {
  return <StripeCheckout
    publicKey="sk_test_4eC39HqLyjWDarjtT1zdp7dc"
    amount={100000}
    imageUrl="https://pbs.twimg.com/profile_images/778378996580888577/MFKh-pNn_400x400.jpg"
    storeName="Stripe Checkout"
    description="Test"
    currency="USD"
    allowRememberMe={false}
    prepopulatedEmail="[e-mail]"
    onClose={this.onClose}
    onPaymentSuccess={this.onPaymentSuccess}
  />
}
 
onPaymentSuccess = (token) => {
  this.setState({ token })
}
 
onClose = () => {
  // maybe navigate to other screen here?
}