6
آموزش کاتلین در اندروید

Navigation؛ از این صفحه برو اون صفحه

اپ تک‌صفحه‌ای مثل مغازه‌ایه که فقط ورودی داره، صندوق نداره.

درس 6 از 12

NavHost و مسیرها

Navigation Compose کمک می‌کند بین صفحه‌ها جابه‌جا شوی. مسیرها مثل آدرس داخلی اپ هستند: home، detail، profile و غیره.

دو صفحه ساده
@Composable
fun AppNav() {
    val nav = rememberNavController()

    NavHost(navController = nav, startDestination = "home") {
        composable("home") {
            Button(onClick = { nav.navigate("profile") }) {
                Text("برو پروفایل")
            }
        }
        composable("profile") {
            Text("صفحه پروفایل")
        }
    }
}
خروجی یا نتیجه اجرا
اول دکمه «برو پروفایل» دیده می‌شود؛ با کلیک، صفحه پروفایل نمایش داده می‌شود.
نکته کاربردی: بدون Navigation خیلی زود وارد if/elseهای عجیب برای تغییر صفحه می‌شوی. مسیر تمیز یعنی اپ قابل توسعه.

نتیجه این درس 🎯

حالا اپ چندصفحه‌ای داری. در درس بعد می‌رویم سراغ ورودی کاربر و فرم‌ها.

تمرین! 🧠

یک مسیر settings اضافه کن که متن «تنظیمات» را نشان بدهد.

جواب تمرین
composable("settings") {
    Text("تنظیمات")
}
خروجی جواب
وقتی به مسیر settings بروی، متن تنظیمات نمایش داده می‌شود.