React Native 使用 stripe支付

最新推荐文章于 2024-09-07 09:22:25 发布

执念(⊙o⊙)…

最新推荐文章于 2024-09-07 09:22:25 发布

阅读量540

点赞数

本文链接：https://blog.youkuaiyun.com/m0_55599312/article/details/120714131

版权

本文介绍了如何在React Native项目中集成Stripe支付。首先需要安装`@stripe/stripe-react-native`模块，然后进行初始化设置，最后是具体使用方法。详细步骤和配置可在官方文档中找到。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

集成项目

首先安装 `@stripe/stripe-react-native`模块，详细配置请见官网。

初始化

// initPayemntScreens.tsx

// 初始化支付
useEffect(() => {
    async function initialize() {
      if (payKey) {
        await initStripe({
          publishableKey: payKey,
          merchantIdentifier: 'merchant.com.stripe.react.native',
          urlScheme: 'wechat_pay',
          setUrlSchemeOnAndroid: true,
        })
      }
    }
    initialize();
}, [payKey])

return (
    <SafeAreaView style={styles.paymentContainer}>
      <View style={styles.paymentTopContainer}>
        <Text style={styles.orderPrice}>{I18n.t('total_order_price')}</Text>
        <Text style={styles.orderPriceNum}>RMB￥{orderOrgData.roomTotal}</Text>
      </View>