ExpoBeginner

Image, expo-image ও asset sizes

static ও remote image render করা — caching সহ।

7টি অংশবাংলা ভাষায়

Bundled static image — require দিয়ে:

import { Image } from "react-native";

<Image
  source={require("../../assets/icon.png")}
  style={{ width: 48, height: 48 }}
/>

Remote image-এর জন্য caching/performance ভালো চাইলে `expo-image`:

terminalbash

bash

npx expo install expo-image

import { Image } from "expo-image";

<Image
  source="https://example.com/avatar.png"
  style={{ width: 64, height: 64, borderRadius: 32 }}
  transition={200}
/>

resizeMode — cover / contain / stretch
placeholder — blurHash / blurRadius
transition — load হওয়ার fade-in সময়

density naming

ছোট icon-এর জন্য icon.png, icon@2x.png, icon@3x.png রাখুন — ডিভাইস density অনুযায়ী নিজে বাছাই হয়, bundle হালকা হয়।

শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।