ExpoBeginner
Expo Router — File-based Navigation
app/ ফোল্ডারই route — file-based routing-এর মৌলিক ধারণা বাংলায়।
6টি অংশবাংলা ভাষায়
Expo Router file-based navigation — app/ ফোল্ডারের প্রতিটি .tsx file একটি route।
app/index.tsxtsx
tsx
import { Text, View } from "react-native";
export default function Home() {
return (
<View>
<Text>TaskTrack — আজকের কাজ</Text>
</View>
);
}| File | URL |
|---|---|
| app/index.tsx | / |
| app/tasks.tsx | /tasks |
| app/tasks/new.tsx | /tasks/new |
| app/task/[id].tsx | /task/123 |
file system-ই URL। Link component দিয়ে navigate করা যায়:
app/index.tsxtsx
tsx
import { Link } from "expo-router";
import { View } from "react-native";
export default function Home() {
return (
<View>
<Link href="/tasks">সব টাস্ক দেখুন</Link>
</View>
);
}একই URL, সব জায়গায়
expo-router-এ deep link (tasktrack://...) আর web URL একই route — একটা সিস্টেমই navigation handle করে।
শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।