वीडियो प्लेयर प्रोजेक्ट का अवलोकन

प्रोजेक्ट के बारे में

• वीडियो प्लेयर को कन्वर्ट करने का प्रोजेक्ट
• टिप्स और ट्रिक्स साझा किए जाएंगे
• स्क्रीन यूटिल पैकेज का इस्तेमाल किया जाएगा

प्रोजेक्ट सेटअप

• नया प्रोजेक्ट बनाने की प्रक्रिया
  • डेस्कटॉप पर Shift + Right Click करके नया विंडो खोलें
  • कमांड टाइप करें: flutter create logo_screen
  • प्रोजेक्ट में जाएं: cd logo_screen
  • कोड एडिटर खोलें: code .

फाइलों और कोड में परिवर्तन

• फोल्डर बनाना

  • एक नया फोल्डर "screens" नाम से बनाएँ
  • पहला स्क्रीन "splash_screen" होगा

• पैकेज जोड़ना

  • गूगल पर स्क्रीन पैकेज खोजें
  • पैकेज का नाम कॉपी करें: flutter_screen
  • pubspec.yaml में जोड़ें

डिज़ाइन और UI तत्व

• मुख्य फ़ाइल में परिवर्तन

  • main.dart में सभी मौजूदा कोड को हटा दें
  • आवश्यक पैकेज इंपोर्ट करें

• स्क्रीन में कॉम्पोनेंट्स

  • बटन, टेक्स्ट फील्ड्स आदि को जोड़ें
  • एक कॉन्स्टेंट फ़ाइल बनाएँ ताकि बार-बार प्रॉपर्टीज को निर्दिष्ट न करना पड़े

कोडिंग प्रक्रिया

• सप्लाईर्स स्क्रीन मेथड

  • एक फ़ंक्शन बनाएँ जो स्प्लैश स्क्रीन को डिफाइन करेगा
  • 3 इमेजेस को शो करने के लिए ग्रुपिंग का उपयोग करें

• इमेज और ऐसेट्स को प्रबंधित करना

  • इमेज फोल्डर बनाएं और इमेजेस को वहाँ रखें
  • ऐसेट्स में इमेजेस को लोड करें

रीस्पॉन्सिव डिज़ाइन

• डिज़ाइन के लिए चेंजेस
  • स्क्रीन की हाइट और वाइड्थ को रिस्पॉन्सिव बनाने के लिए कॉन्स्टेंट्स का उपयोग करें
• पैडिंग और मार्जिन
  • UI में स्पेसिंग के लिए पैडिंग और मार्जिन जोड़ें

बटन स्टाइलिंग

• बटन का निर्माण
  • बटन के लिए स्टाइल फंक्शन बनाएँ
  • टेक्स्ट और बटन का रंग निर्धारित करें

अगला कदम

• अगले वीडियो में लॉगिन और साइन अप स्क्रीन का कोडिंग किया जाएगा.