کاربرد NavigationView در سوئیفت یو آی چیست؟
زمان مطالعه :
۲ دقیقه
آخرین بروزرسانی :
۰۲ اسفند ۱۴۰۰
در جلسه قبل با Form ها آشنا شدیم. اگر دقت کرده باشید form ها بصورت پیش فرض در بالای صفحه نمایش ایجاد میشوند، در این جلسه میخواهیم شما را با NavigationView آشنا کنیم که این امکان را میدهد که Form هایی با ظاهر بهتر درست کنیم.
تعریف NavigationView در SwiftUi
برای این کار از کلمه کلیدی NavigationView استفاده میکنیم و درون آن یک form با دو متن را قرار میدهیم.
import
SwiftUi
struct
ContentView:
View
{
var
body:
some
View
{
NavigationView
{
Form
{
Text("Swift Academy")
}
}
}
}
نکته:
NavigationViewبه تنهایی فقط یک فضای خالی در بالای صفحه شما ایجاد میکند.
تعریف Title برای NavigationView
برای این که از فضای ایجاد شده در بالای صفحه به درستی استفاده کنیم، میتوانیم از navigationBarTitle استفاده کنیم. به مثال زیر دقت کنید.
import
SwiftUi
struct
ContentView:
View
{
var
body:
some
View
{
NavigationView
{
Form
{
Text("lesson 1: Text")
Text("lesson 2: Button")
Text("lesson 3: Toggle")
}
.navigationBarTitle(Text("SwiftUi App"))
}
}
}
تغییر نمایش NavigationBarTitle در SwiftUi
اگر حالت تایتل که بصورت بزرگ و در سمت چپ صفحه نمایش است را دوست ندارید، میتوانید استایل آن را به روش زیر عوض کنید.
NavigationView
{
Form
{
Text("ios")
}
.navigationBarTitle("Swift Academy",
displayMode:
.inline)
}
این مقاله در حال بروز رسانی است و در آینده نزدیک مباحث جدید تری اضافه میشود...
میلاد خط شب
معتقدم هر آدمی میتواند در یک زمینه ای مفید و تاثیر گذار باشد و اصولا آدم "غیر مفید" نداریم. فقط کافی است به موقع و صحیح راهنمایی شود.
پاسخ دهید
به این مقاله علاقه داشتید؟ 🥰
42