12. Images and assets

Local images are required with `require` and bundled at build time; remote images use `source={{ uri }}` and are fetched at runtime, which is how you'd show a token or NFT icon from IPFS or a CDN.

import { Image } from "react-native";

function Icon() {
  return <Image source={require("./assets/icon.png")} style={{ width: 32, height: 32 }} />;
}

function TokenLogo({ uri }: { uri: string }) {
  return <Image source={{ uri }} style={{ width: 32, height: 32 }} />;
}

Providing `@2x`/`@3x` suffixed variants of a local asset lets React Native pick the right density automatically on higher-resolution screens.

Check your understanding