How can I integrate a Shopify buy button into a React Native app?

Shopify Discussion
1

Hi,

I am building a mobile application using React Native and would like to put a buy button in the App. I have created the buy button (Clicking the button redirects me to the checkout immediately since I only have one product).
I would like to use the generated HTML and Javascript in my React Native app. I have tried using “WebView” but it does not allow me to run the web code.
Alternatively, that I create a button in React Native that opens the checkout when I click the button, for this I assume that you have to use the storefront API that opens the checkout with the product when I press the button?

I’ve been looking everywhere for similar issues with the keyword “Shopify buy button and React Native” but can not find a single question about this.
At the same time I have never created an app before, hence I find this difficult.

All help and tips that can help me to get the generated buy button in my React Native application are appreciated!

2

So I managed to fix my issue by simply creating a button and creating a “checkout link” for the product in Shopify. When clicking the button in React Native I am now redirected to the URL (checkout link).

export default function App() {

return (

<TouchableOpacity style={styles.button} onPress={ ()=>{ Linking.openURL(‘’)}}>
Click me


);
}