📹

वीडियो प्लेयर प्रोजेक्ट गाइड

Aug 6, 2024

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

अगला कदम

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