Swaps

Let users swap tokens seamlessly inside your React Native app using AppKit’s Swaps feature. With built-in provider support and real-time pricing, users can trade tokens across chains without leaving your app.

Configuration#

Swaps are enabled by default. You can enable or disable it explicitly like this:

createAppKit({  projectId: 'YOUR_PROJECT_ID',  // ... other config options  features: {    swaps: true, // Optional - true by default  }});

Set swaps: false to turn off the feature.

Usage#

Open the Swaps View#

Use the useAppKit hook to launch the Swaps view:

function SwapButton() {  const { open } = useAppKit();  const handleSwapPress = () => {    open({ view: 'Swap' });  };  return (    <Button      title="Swap Tokens"      onPress={handleSwapPress}    />  );}

What Users Can Expect#

1. Tapping “Swap Tokens” opens a dedicated swap interface.
2. Users can:
   • Select the token to swap from
   • Select the token to receive
   • Enter the amount
   • See an instant quote with:
     • Price impact
     • Network fee
     • Slippage tolerance
     • Provider fees
3. After confirming, the transaction is executed and tokens arrive directly in their wallet—no extra steps needed.