IOS लॉन्च स्क्रीन रिएक्ट नेटिव में


105

मैं एक प्रतिक्रियाशील एप्लिकेशन के साथ काम कर रहा हूं और मैं एक अनुकूलित लॉन्च स्क्रीन सेट करने का प्रयास कर रहा हूं, लेकिन मैं सक्षम नहीं हूं।

प्रतिक्रियाशील मूल डिफ़ॉल्ट रूप से एक LaunchScreen.xib बनाता है, इसलिए मैंने Images.xcassets के अंदर एक LaunchImage बनाया है:

LaunchImage Images.xcassets में

मैंने यह भी पढ़ा है कि मुझे अपने विकल्पों में "ऐप आइकन और लॉन्च इमेज" के तहत "लॉन्च स्क्रीन फाइल" को संशोधित करना है:

छवियाँ विकल्प लॉन्च करें

एक बार जब मैं ऐसा कर लेता हूं, तो मेरी लॉन्च स्क्रीन पूरी तरह से काली हो जाती है और जब ऐप लोड होता है, तो ऊपर और नीचे दोनों काले फ्रेम होते हैं:

यहां छवि विवरण दर्ज करें

इसलिए मुझे नहीं पता कि मुझे अपने रिएक्ट नेटिव प्रोजेक्ट में अपनी लॉन्च स्क्रीन सेट करने के लिए क्या करना है।

मैं आभारी रहूंगा अगर कोई मुझे उन परेशानियों से बाहर निकालने में मदद कर सकता है।

अग्रिम में धन्यवाद।


आपके दूसरे स्क्रीनशॉट में लॉन्च स्क्रीन फ़ाइल खाली क्यों है?
स्टीफन

1
क्योंकि मैंने पढ़ा है कि मुझे इसे खाली छोड़ना होगा अगर मैं चाहता हूं कि ऐप संपत्ति निर्देशिका में छवियों का उपयोग करे
जेवी लोबो

ठीक है, आप सही हैं। एक बेहतर समझ पाने के लिए: क्या आपके ऊपर या प्रतिक्रिया से काले फ्रेम से पाठ निकल रहा है?
स्टीफन

वह रिएक्ट से है। सबसे पहले एक काली स्क्रीन दिखाई जाती है (जो कि यह लॉन्च स्क्रीन होगी), उसके बाद मैं जो स्क्रीनशॉट में दिखाता हूं, और पाठ के बाद मेरा ऐप दिखाई देता है। यह टेक्स्ट पहले भी दिखाई दिया था, जब मेरे ऐप में डिफ़ॉल्ट रिएक्ट नेटिव लॉन्च स्क्रीन थी।
जेवी लोबो

1
डिवाइस से अनइंस्टॉल करें, प्रोजेक्ट को साफ़ करें और फिर से स्थापित करने का प्रयास करें
LS_

जवाबों:


119

मैं इस समस्या को हल करने में सक्षम था, इस थ्रेड की मदद से: लॉन्च करें छवि आईओएस एप्लिकेशन में दिखाई नहीं दे रही है (Images.xcasset का उपयोग करके)

तो मैं इसे गहराई से समझाने जा रहा हूँ अगर यह किसी और की मदद कर सकता है।

सबसे पहले , आपको कुछ छवियां बनाने की आवश्यकता है। मैंने इसके लिए जो उपयोग किया था वह इस टेम्पलेट और एक स्वचालित जनरेटर के साथ इस वेबपेज: TiCons

यहां छवि विवरण दर्ज करें

जब मैंने अपनी छवियां डाउनलोड कीं, तो मैंने उन लोगों को संपत्ति / iPhone फ़ोल्डर में ले लिया, मैंने केवल उन लोगों को लिया:

  • Default@2x.png (640x960)
  • Default-568h@2x.png (640x1136)
  • डिफ़ॉल्ट-667h@2x.png (750x1334)
  • Default-Portrait-736h@3x.png (1242x2208)
  • डिफ़ॉल्ट- लैंडस्केप- 736h@3x.png (2208x1242)

इसके अलावा, आप एक ही फ़ोल्डर में इस Contents.json फ़ाइल की जरूरत है , मैं इसे एक दोस्त से मिल गया:

{
  "images": [
    {
      "extent": "full-screen",
      "idiom": "iphone",
      "filename": "Default-568h@2x.png",
      "minimum-system-version": "7.0",
      "orientation": "portrait",
      "scale": "2x",
      "subtype": "retina4"
    },
    {
      "extent": "full-screen",
      "idiom": "iphone",
      "filename": "Default-667h@2x.png",
      "minimum-system-version": "8.0",
      "orientation": "portrait",
      "scale": "2x",
      "subtype": "667h"
    },
    {
      "extent": "full-screen",
      "idiom": "iphone",
      "filename": "Default-Landscape-736h@3x.png",
      "minimum-system-version": "8.0",
      "orientation": "landscape",
      "scale": "3x",
      "subtype": "736h"
    },
    {
      "extent": "full-screen",
      "idiom": "iphone",
      "filename": "Default-Portrait-736h@3x.png",
      "minimum-system-version": "8.0",
      "orientation": "portrait",
      "scale": "3x",
      "subtype": "736h"
    },
    {
      "extent": "full-screen",
      "idiom": "iphone",
      "filename": "Default@2x.png",
      "minimum-system-version": "7.0",
      "orientation": "portrait",
      "scale": "2x"
    }
  ],
  "info": {
    "version": 1,
    "author": "xcode"
  }
}

तो, इस बिंदु पर मैं एक फ़ोल्डर बुलाया बनाया LaunchImage.launchimage अंदर Images.xcassets फ़ोल्डर मेरी मूल निवासी प्रतिक्रिया परियोजना में और छवियों और सेव Contents.json इसके अंदर फ़ाइल:

यहां छवि विवरण दर्ज करें

दूसरा , आपको अपना प्रोजेक्ट Xcode में और "सामान्य" सेटिंग्स में, " ऐप आइकन और लॉन्च इमेज " के नीचे खोलना होगा, हमें विकल्प " लॉन्च स्क्रीन फाइल " खाली छोड़ना होगा (साथ ही हम अपने प्रोजेक्ट के अंदर LaunchScreen.xib फ़ाइल को हटा सकते हैं। ), और उसके बाद " एसेट एसेट कैटलॉग " पर क्लिक करें । एक मोडल खुलेगा, हम कैटलॉग इमेज को माइग्रेट करना चुनते हैं

यहां छवि विवरण दर्ज करें

अब, " छवियों को लॉन्च करें स्रोत " चयनकर्ता में, हम पहले बनाए गए फ़ोल्डर को चुन सकते हैं, लॉन्चइमेज (अपनी छवियों के साथ एक):

यहां छवि विवरण दर्ज करें

हम ब्रांड एसेट्स के बजाय इसे चुनते हैं और हम ब्रांड एसेट्स फ़ोल्डर को हटा सकते हैं ।

इस बिंदु पर, हम अपने कस्टम लॉन्च छवियों के साथ हमारे रिएक्टिव नेटिव एप्लिकेशन को चलाने में सक्षम होंगे:

यहां छवि विवरण दर्ज करें

मुझे पता है कि यह एक आसान काम के लिए थोड़ा जटिल लगता है, लेकिन इसके बारे में बहुत कुछ पढ़ने के बाद यह एकमात्र तरीका था जिससे मैं अपनी छपती हुई छवियों को काम कर पाता, इसलिए मैं समुदाय के साथ साझा करना चाहता था।


क्या छवियों का होना आवश्यक है .Png मैं उपयोग करने की कोशिश कर रहा हूँ .jpg
एडम काट्ज़

मैंने .jpg चित्रों के साथ प्रयास नहीं किया है। शायद यह केवल .png के साथ काम करता है
JV Lobo

धन्यवाद मुझे xcode में जो त्रुटि मिल रही है, वह फ़ाइल में मान्य फ़ाइल एक्सटेंशन नहीं है, इसलिए यह संभावना है कि समस्या है, हालांकि मैं नहीं देखता कि क्यों jpg काम नहीं करेगा
एडम काटज़

1
क्या आपके पास सभी 5 विकल्प हैं, मेरा ऐप का उपयोग परिदृश्य के लिए करने का इरादा नहीं है इसलिए मैंने इसे छोड़ दिया, लेकिन यह नहीं सोच रहा है कि अगर यह है तो काम कर रहा है
एडम काटज़

1
इसके बाद भी मेरे पास समस्या थी, और दिखाने के लिए मूल लॉन्च स्क्रीन पाने के लिए सिम्युलेटर से ऐप को हटाना पड़ा।
दान जी नेल्सन

16

सिम्युलेटर से ऐप को हटाना सुनिश्चित करें। फिर अपने प्रोजेक्ट पर सफाई करें।


सिम्युलेटर से ऐप हटाना मेरे लिए काम करता है। धन्यवाद
एंडी

तुम मेरे जीवन रक्षक हो। आपका बहुत बहुत धन्यवाद।
हॉल्ट

8

मैं एसओ युक्त समाधानों में बहुत कुछ देख रहा हूं कि नई लॉन्च स्क्रीन कैसे बनाई जाए। मेरा मतलब है कि चलो इसके बारे में एक मिनट के लिए सोचते हैं।

जब हम एक नई प्रतिक्रिया-मूल परियोजना बनाते हैं तो हम लॉन्च स्क्रीन के लिए क्या देखते हैं?

> फेसबुक की डिफ़ॉल्ट लॉन्च स्क्रीन

तो यह मुझे सोचने लगा, उन्होंने यह कैसे किया?

उन्होंने ए LaunchScreen.xib

मुझे लगता है कि इसका एक कारण होना चाहिए। तो मैं अंदर चला गयाLaunchScreen.xib और डिफ़ॉल्ट पाठ "रिएक्टिव नेटिव ..." या जो भी उसने कहा था, उसमें बदलाव किया। मैंने यह देखने के लिए ऐप को एक बार और चलाया कि लॉन्च स्क्रीन ने मेरे संपादन को प्रतिबिंबित किया।

समाधान 1 मौजूदा LaunchScreen.xib को संपादित करें

समाधान २ अपना स्वयं का बनाएँ

तो मैंने किया, मुझे यह जवाब लिखने में अधिक समय लगा कि मैं अपना खुद का निर्माण कैसे करना सीखूं। Both of these solutions are compatible with all the devices.

चरण 1:

हटाएं LaunchScreen.xib

चरण 2:

images.xcassets सफेद स्थान पर राइट क्लिक पर क्लिक करें **import**फिर उस छवि का चयन करें जिसे आप जोड़ना चाहते हैं। यहां छवि विवरण दर्ज करें

चरण 3:

अपने प्रोजेक्ट के रूट फ़ोल्डर पर राइट क्लिक करें और एक नई फ़ाइल टाइप करें Launch Screenऔर उसे नाम दें जो आप चाहते हैं।

यहां छवि विवरण दर्ज करें

चरण 4

बाईं ओर स्थित अपने प्रोजेक्ट पर क्लिक करें Settings> पर जाएं Generalऔर नीचे जाएं App Icons and Launch Images। सुनिश्चित करें कि Launch Image Sourceरिक्त है और Launch Screen Fileआपकी नई बनाई गई लॉन्च स्क्रीन के समान नाम है।

यहां छवि विवरण दर्ज करें

चरण 5

आपके द्वारा बनाई गई अपनी बिल्कुल नई फ़ाइल पर क्लिक करें step 2, एक खींचें Image Viewया संपादित करें कि यह कभी कैसे आपको प्रसन्न करती है।

यहां छवि विवरण दर्ज करें

तो फिर यह है, आप कर रहे हैं। आपको समाधान को साफ करने की भी आवश्यकता नहीं है, बस पुनर्निर्माण करें।


1
@ नोइटीडार्ट ग्लैड मैं कुछ मदद कर सकता है।
ट्रेन

1
लॉन्चसस्क्रीन.एक्सिब को भी मैंने डिलीट नहीं किया था, मैंने सिर्फ टेक्स्ट नोड्स को डिलीट किया था, फिर मैंने एक इमेज व्यू में घसीटा, आपके द्वारा बताई गई इमेज को इम्पोर्ट किया, फिर इमेज को UIImageView में सेट करें :) क्या इसे बनाने का कोई तरीका है उत्तरदायी? जैसे टैबलेट पर यह 3x होना चाहिए, और फोन पर यह 2x होना चाहिए? इसके अलावा मेरा UIImageView सभी उपकरणों पर केंद्रित नहीं है। :( यहां मेरे पास जो है उसका स्क्रीनशॉट है - i.imgur.com/o5SMgHN.png
Noitidart

1
@Noitidart उन पर अच्छा लगता है। मुझे यकीन है कि वे इस उत्तर को देखने वाले किसी व्यक्ति के लिए उपयोगी होंगे।
ट्रेन

1
धन्यवाद भाई! मुझे लगता है कि आपके द्वारा खोजा गया तरीका ही इसे करने का वास्तविक तरीका है। एक सेट बैकगाउंड रंग के साथ छवियां बनाना जो प्रत्येक परिदृश्य / चित्र में प्रत्येक डिवाइस का आकार है इसके बारे में जाने का तरीका नहीं है (यहां सबसे उत्कीर्ण उत्तर कैसे करता है)। अब मैं आसानी से पृष्ठभूमि के रंग को समायोजित कर सकता हूं। स्केलिंग आदि को पूरी तरह से ठीक किया जा सकता है। छवि के साथ, सब कुछ छवि पर है।
Noitidart

1
इस प्रकार यह प्रक्रिया वैसी ही है जैसे कि आपका एक स्विफ्ट देशी ऐप विकसित हो रहा है। शांत
जासन

8

अपडेट करें

generator-rn-toolboxपदावनत किया गया है। इसके बजाय प्रतिक्रिया-देशी- उपयोग करें ।

पुराना उत्तर

मैं प्रतिक्रिया-मूलक का उपयोग करके लॉन्च स्क्रीन या मुख्य आइकन लगाने के लिए जनरेटर-आरएन-टूलबॉक्स की सलाह देता हूं । यह प्रतिक्रिया-मूल के रूप में cli के माध्यम से उपयोग करने के लिए अधिक सरल और आसान है।

  • XCode खोलने की आवश्यकता नहीं है।
  • विभिन्न प्रस्तावों के लिए बहुत सारी छवि फ़ाइलों को बनाने की आवश्यकता नहीं है।
  • कभी भी एक पंक्ति की शुरुआत का उपयोग करके परिवर्तन स्क्रीन लॉन्च करें।

आवश्यकताएँ

  • नोड> = 6
  • लॉन्च स्क्रीन (स्प्लैश स्क्रीन) के लिए 2208x2208 px रिज़ॉल्यूशन के आकार के साथ एक वर्ग छवि या psd फ़ाइल
  • सकारात्मक मन ;)

इंस्टॉल

  1. जनरेटर-आरएन-टूलबॉक्स और यो स्थापित करें
  2. npm install -g yo generator-rn-toolbox
  3. Imagemagick स्थापित करें brew install imagemagick
  4. IOS पर स्प्लैश स्क्रीन लागू करें

    yo rn-toolbox:assets --splash YOURIMAGE.png --ios

    या Android

    yo rn-toolbox:assets --splash YOURIMAGE.png --android

बस इतना ही। :)

स्रोत


विश्वास नहीं कर सकता कि मुझे यह पूछना है ... आप कमांड कहाँ से चलाते हैं?
AlxVallejo

@AlxVallejo आपकी शीर्ष परियोजना निर्देशिका।
जेफ गु कांग

"Think स्प्लैश नहीं मिल सका" मुझे नहीं लगता कि यह काम करता है
AlxVallejo

@AlxVallejo क्या आपकी छवि फ़ाइल थी? मैं इसका सदुपयोग कर रहा हूं।
जेफ गु कांग

1
generator-rn-toolboxवास्तविकता वह सब करती है जो स्वीकृत उत्तर करता है।
फेलिक्स

6

बस इस के माध्यम से चला गया और एक इलाज काम करता है। मेरे द्वारा खोजा गया एकमात्र रोड ब्लॉक सिम्युलेटर सामग्री को साफ़ नहीं कर रहा था। यदि आप पाते हैं कि आपकी नई लॉन्च स्क्रीन काम नहीं कर रही है, तो आपको सिमुलेशन को खोलने और निम्नलिखित पर जाने की आवश्यकता है:

सिम्युलेटर> सामग्री और सेटिंग्स रीसेट करें

उस सिमुलेटर के भीतर कुछ हार्डकोर कैशिंग चल रही होगी लेकिन एक बार ऐसा हो गया - रेरून और आप ऐप देखेंगे। सुनिश्चित करें कि आप दोनों xcode सिमुलेटर और प्रतिक्रिया-मूल सिमुलेटर के लिए ऐसा करते हैं!


5

सुनिश्चित करें कि 'लॉन्च स्क्रीन फ़ाइल' का चयन रिक्त है: यहां छवि विवरण दर्ज करें


1

इस लिंक पर जाओ:

यदि आप मेरे रिएक्टिव नेटिव एप्लिकेशन में एक स्प्लैश स्क्रीन जोड़ना चाहते हैं। प्रक्रिया को पूरा करें, तो परिणाम आपका होगा।

STEP: 1 सबसे पहले, मैंने एक splashImageResource फ़ोल्डर बनाया और स्पलैश इमेज के साथ launchScreen.xib फ़ाइल को जोड़ा।

STEP: 2 सब कोड टैग के अंदर लिखे कोड को बदल दें। इस कोड के साथ<subviews> <imageView userInteractionEnabled="NO" contentMode="scaleAspectFill" image="splash.png" translatesAutoresizingMaskIntoConstraints="NO" id="ZkI-RL-69Z"> </imageView> </subviews>

STEP: 3 आपको अपना एप Xcode में खोलना चाहिए। यहाँ चरणों का पालन करें:

a) अपने प्रोजेक्ट फ़ोल्डर में जाएं

बी) आईओएस फ़ोल्डर खोलें

ग) विस्तार के रूप में .xcodeproj फ़ाइल पर जाएं, मेरे मामले में यह splasScreenTutorial.xcodeproj है

d) इस फाइल को अपने Xcode में खोलें।

ई) लॉन्चस्क्रीन को हटाएं। फाइल फ़ाइल।

च) splashScreenTutorial फ़ोल्डर पर क्लिक करें, फिर TARGETS अनुभाग पर जाएं

छ) अपने Xcode के ऊपरी-बाएँ कोने पर स्थित सामान्य टैब पर क्लिक करें और App Icons और Launch Images तक नीचे जाएँ

ज) लॉन्च इमेजेज सोर्स पर जाएं और यूज एसेट कैटलॉग पर क्लिक करें। माइग्रेट पर क्लिक करें।

i) लॉन्च स्क्रीन फ़ाइल से टेक्स्ट लॉन्चस्क्रीन हटाएं।

j) अपने प्रोजेक्ट फ़ोल्डर में वापस जाएं और Images.xcassets फ़ाइल खोलें। आपको AppIcon और LaunchImage देखना चाहिए।

k) अगला, LaunchImage पर क्लिक करें, अंत में, छप स्क्रीन छवियों को खींचें जो आपके पास लॉन्च छवि बॉक्स के विभिन्न आकारों के हैं।

छवियों को इस तरह खींचें।

स्प्लैश स्क्रीन का परीक्षण करें ए) परिवर्तनों को देखने के लिए, यदि आपने शुरू में ऐप चलाया है तो आपको ऐप को अपने सिम्युलेटर से हटाना होगा।

बी) ऐप को हटाने के लिए, अपने सिम्युलेटर बार पर हार्डवेयर मेनू पर क्लिक करें और होम पर जाएं।

c) उस विशेष एप्लिकेशन आइकन को टैप करें और दबाए रखें जिसे आप हटाना चाहते हैं, और आइकन पर X साइन पर क्लिक करें।

डी) प्रतिक्रिया-देशी रन-आईओएस का उपयोग करके फिर से अपना ऐप चलाएं

आप अपनी स्प्लैश स्क्रीन देख सकते हैं


1

मेरे लिए XCode 10.1और react-native 59.2मुझे पहले से ही छवियों, स्टोरीबोर्ड और 1 सार्वभौमिक छवि को जोड़ने के बाद अतिरिक्त चरणों से गुजरना पड़ा ।

  • छवि पर राइट क्लिक करें, क्लिक करें Show in Finder, फिर अपनी Contents.jsonफ़ाइल को संपादित करें
  • छवि को 2x और 3x खंडों में जोड़ें
  • "शासक" मेनू के साथ लॉन्च स्क्रीन स्टोरीबोर्ड पर जाएं
  • सुनिश्चित करें कि केवल अंदर के लाल तीर चालू हैं, बाहर के लाल तीर नहीं
  • "सुरक्षित क्षेत्र सापेक्ष मार्जिन" पर क्लिक करें

यहां छवि विवरण दर्ज करें

छवि अब सभी आकार के iPhones (पोर्ट्रेट पर परीक्षण) पर केंद्रित होनी चाहिए।


0

: यदि आप मौजूदा लॉन्च स्क्रीन .xib फ़ाइल उपयोग करना चाहते हैं प्रतिक्रिया मूल निवासी शुरू में की स्थापना की है, लेकिन अपना स्वयं का लोगो और पृष्ठभूमि रंग के साथ (और बिना के किसी भी मूल निवासी डिफ़ॉल्ट पाठ प्रतिक्रिया), तो आपको यहां दिए गए निर्देशों का पालन कर सकते https: // medium.com/@kelleyannerose/react-native-ios-splash-screen-in-xcode-bd53b84430ec


0

यदि आप React की मदद से एक लॉन्च स्क्रीन बनाते हैं तो आपको iOS Xcode में LaunchScreen.xib फ़ाइल में एक ही चीज़ जोड़ना चाहिए, इसके लिए आप एक स्क्रीनशॉट ले सकते हैं और इसे Images.xcassets में एक छवि के रूप में जोड़ सकते हैं।

लॉन्चस्क्रीन खोलें, फिर Xcode में राइट पैनल से ऑब्जेक्ट लाइब्रेरी से व्यू में UIImageView जोड़ें।

यहां छवि विवरण दर्ज करें

अनुगामी, अग्रणी, नीचे और शीर्ष बाधाएं दृश्य में जोड़ें। जैसा की नीचे दिखाया गया -

यहां छवि विवरण दर्ज करें

UIImageView ContentMode को AspectFit के रूप में बदलना न भूलें ताकि ऐप चलने पर यह समान दिखाई दे।

उसके बाद आपको AppDelegate में कोड जोड़ने की आवश्यकता है ताकि आपको एक सफेद स्क्रीन न मिले। कोड है -

 UIView* launchScreenView = [[[NSBundle mainBundle] loadNibNamed:@"LaunchScreen" owner:self options:nil] objectAtIndex:0];
 launchScreenView.frame = self.window.bounds;
 rootView.loadingView = launchScreenView;

आप संदर्भित कर सकते हैं - https://facebook.github.io/react-native/docs/running-on-device.html#pro-tip


0

अभी भी परेशानी वाले लोगों के लिए, iOS लॉन्च स्क्रीन काम करने से पहले स्वीकृत उत्तर से एक और चरण गायब है।

Info.plistप्रोजेक्ट फ़ोल्डर में खोलें और "मुख्य निब फ़ाइल आधार नाम" कुंजी को हटा दें। फिर, पुनर्निर्माण और उम्मीद है कि मुद्दा चला गया है।


0

उपरोक्त समाधानों का पालन करने पर मेरा ऐप स्प्लैश स्क्रीन पर अटक रहा था इसलिए मैंने ios पर कस्टम स्प्लैश स्क्रीन को जोड़ने के लिए निम्न 7 चरण किए।

  1. Xcode खोलें और खोजें LaunchScreen.xib अपनी परियोजना में फ़ाइल को खोजें (ध्यान दें कि यह वह स्क्रीन है जो डिफ़ॉल्ट रूप से ios में दिखाई गई है)
  2. स्क्रीन पर मौजूद टेक्स्ट को हटाने / संपादित करने के लिए उस पर क्लिक करें और अपनी इच्छानुसार आवश्यक बदलाव करें।
  3. पृष्ठभूमि का रंग बदलने के लिए, दाईं ओर पट्टी पर निम्नलिखित आइकन खोजें और बाईं ओर से चौथे पर बहुत ऊपर स्थित छोटे आइकन बटन पर क्लिक करें (जब आप मँडराते हैं, तो वह कहेगा "एट्रिब्यूट्स इंस्पेक्टर दिखाएँ")

यहां छवि विवरण दर्ज करें

  1. अब जब आप जान गए हैं कि बैकग्राउंड कलर को कैसे बदलना है, तो स्प्लैश स्क्रीन में इमेज को जोड़ने के लिए निम्न बटन पर क्लिक करें और इमेज व्यू को लिस्ट से चुनें और ड्रैग करें और जहां आप चाहते हैं, उसे स्प्लैश स्क्रीन पर रखें।

यहां छवि विवरण दर्ज करें

  1. अब हमें इमेज को जोड़ना है Images.xcassetsताकि हम इसे LaunchScreen.xibउस गोटो को करने के लिए संदर्भित कर सकें Images.xcassets+इसके बाद बटन पर क्लिक करें importऔर फिर उस छवि को जोड़ें जिसे आप स्प्लैश स्क्रीन में दिखाना चाहते हैं। नीचे AppIconआपको अपनी छवि फ़ाइल का नाम दिखाई देगा। यह वह नाम है जिसका उपयोग हम अपने संदर्भ में करेंगेLaunchScreen.xib

  2. अब हमें LaunchScreen.xibफ़ाइल में जोड़ी गई छवि को संदर्भित करना है ताकि हम वापस नेविगेट LaunchScreen.xibकरें और image viewउस पर क्लिक करें जिसे हमने पहले जोड़ा था और दाहिने हाथ के कोने पर आपको विकल्पों का गुच्छा दिखाई देगा। पहले एक पर क्लिक करें जो कहता है imageऔर उस छवि का चयन करें जिसे आपने चरण 5 में आयात किया था

यहां छवि विवरण दर्ज करें

  1. परियोजना को साफ करें और चलाएं react-native run-iosऔर आपको परिवर्तन देखना चाहिए।

-5

आपको अपनी छवि सेट के रूप में लॉन्च स्क्रीन छवि स्रोत सेट करना चाहिए। बाद में LauncScreen.xib फ़ाइल को हटा दें। बाद में अपनी परियोजना में एक वैश्विक खोज करें और LaunchScreen.xib (अपनी संपूर्ण परियोजना देखें) में सभी संदर्भों को हटा दें। मैं उपयोगकर्ता का टेक्स्ट संपादक संपादक हूँ, इसलिए यह cmd + Shift + f) है और इसे काम करना चाहिए।


आपके उत्तर के लिए धन्यवाद। मुझे अच्छी तरह से समझ में नहीं आता क्योंकि मुझे लगता है कि आपने एक टाइपो किया था। LaunchScreen.xib के संदर्भ को हटाने के लिए मैंने अपनी परियोजना में एक वैश्विक खोज की है, प्रति फ़ाइल के लिए कोई संदर्भ नहीं हैं: puu.sh/lGu7z/8fd88a886e.png धन्यवाद।
जेवी लोबो
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.