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.