ExpoBeginner

@expo/vector-icons ও expo-font

app-এ icon ও custom font ব্যবহার — দুইয়ের pattern।

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

`@expo/vector-icons` — Material, Ionicons, FontAwesome ইত্যাদি এক প্যাকেজে। TaskTrack-এ টগল/delete button:

import { MaterialCommunityIcons } from "@expo/vector-icons";

<MaterialCommunityIcons
  name="checkbox-marked-circle-outline"
  size={24}
  color="#2563eb"
/>
<MaterialCommunityIcons name="trash-can-outline" size={20} color="#ef4444" />

Custom font-এর pattern — `expo-font` + hook:

import { useFonts } from "expo-font";

export default function App() {
  const [loaded] = useFonts({
    "Inter-Bold": require("../../assets/fonts/Inter-Bold.ttf"),
  });
  if (!loaded) return null;
  return <Text style={{ fontFamily: "Inter-Bold" }}>Bold text</Text>;
}

ভেক্টর icon আসলে font

vector icons একটি font-file — name-এ icon-এর নাম, size/color props। Android emulator-এ প্রথম লোডে blank দেখালে reload করুন।

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