xuvernon / ios-cw-7

OnTapGesture

فيديوهات الدرس

• رابط الفيديو OnTapGesture

---

شرح الدرس

طريقة تغيير متغير variable باستخدام OnTapGesture

• نستخدم متغير من نوع State لمعرفة إذا تغيرت قيمة المتغير مثل المثال التالي

@State var color = "green"

• نقوم بإضافة جملة في Text لرؤيتها

VStack {
         Text("My favourite color is " , color)
             .padding() }

• نقوم بإنشاء Text جديد واضافة OnTapGesture لتغير اللون الاخضر الى اللون الازرق

Text("Blue")
     .padding()
     .foregroundColor(.blue)
     .onTapGesture {
          color = "Blue"
     }
 

---

تمرين

في هذا التمرين سنقوم ببناء تطبيق الهاتف

1. قم بإنشاء مشروع جديد باسم Best Track
2. قم بإدراج 4 مسارات في الشاشة على الشكل التالي

3. عند الضغط على اي مسار يقوم بإظهارها ايقونه المسار مثال:

بونص: قم بتغير خلفية النصوص إلى الاوان التالية