105

আমি একটি প্রতিক্রিয়া নেটিভ অ্যাপ্লিকেশন নিয়ে কাজ করছি এবং আমি একটি কাস্টমাইজ লঞ্চ স্ক্রিন সেট করার চেষ্টা করছি তবে আমি সক্ষম হচ্ছি না।

নেটিভ প্রতিক্রিয়া ডিফল্টরূপে একটি LaunchScreen.xib তৈরি করে, তাই আমি চিত্রগুলি। এক্সক্যাসেটের অভ্যন্তরে একটি লঞ্চচিহ্ন তৈরি করেছি:

আমি আরও পড়েছি যে আমার বিকল্পগুলিতে "অ্যাপ্লিকেশন আইকনস এবং লঞ্চ চিত্রগুলি" এর অধীনে "লঞ্চ স্ক্রিন ফাইল" পরিবর্তন করতে হবে:

এটি করা হয়ে গেলে, আমার লঞ্চের পর্দাটি সম্পূর্ণ কালো হয়ে যায় এবং অ্যাপ্লিকেশনটি লোড হয়ে গেলে উপরের এবং নীচের দিকে উভয় কালো ফ্রেম থাকে:

সুতরাং আমি জানি না আমার প্রতিক্রিয়া নেটিভ প্রকল্পে আমার লঞ্চ স্ক্রিন সেট করতে আমাকে কী করতে হবে।

কেউ যদি আমাকে এই সমস্যাগুলির মধ্যে সাহায্য করতে পারে তবে আমি কৃতজ্ঞ থাকব।

আগাম ধন্যবাদ.

— জেভি লোবো
সূত্র

লঞ্চ স্ক্রিন ফাইলটি আপনার দ্বিতীয় স্ক্রিনশটে খালি কেন?

— স্টেফান 21

1

কারণ আমি পড়েছি যে অ্যাপটি সম্পদ ডিরেক্টরিতে চিত্রগুলি ব্যবহার করতে চাইলে আমাকে এটিকে খালি রেখে দিতে হবে

— জেভি লোবো

ঠিক আছে, আপনি ঠিক বলেছেন। আরও ভাল বোঝার জন্য: কালো ফ্রেম থেকে উপরে লেখাটি আপনার কাছ থেকে এসেছে বা প্রতিক্রিয়া থেকে এসেছে?

— স্টেফান

এটা প্রতিক্রিয়া থেকে। প্রথমে একটি কালো পর্দা প্রদর্শিত হবে (যা এটি লঞ্চ স্ক্রিনটি হবে), এর পরে আমি স্ক্রিনশটে যে পাঠ্যটি দেখি এবং পাঠ্যের পরে আমার অ্যাপ্লিকেশনটি উপস্থিত হয়। এই পাঠ্যটি এর আগেও উপস্থিত হয়েছিল, যখন আমার অ্যাপ্লিকেশনটিতে ডিফল্ট প্রতিক্রিয়া নেটিভ লঞ্চ স্ক্রিন ছিল।

— জেভি লোবো

1

ডিভাইসটি আনইনস্টল করুন, প্রকল্পটি পরিষ্কার করুন এবং আবার ইনস্টল করার চেষ্টা করুন

— এলএস_

119

আমি এই থ্রেডের সাহায্যে সমস্যাটি সমাধান করতে সক্ষম হয়েছি: আইওএস অ্যাপ্লিকেশনটিতে চিত্র চালু হচ্ছে না (চিত্রগুলি। এক্সক্যাসেটস ব্যবহার করে)

সুতরাং এটি অন্য কাউকে সাহায্য করতে পারে সে ক্ষেত্রে আমি গভীরভাবে এটি ব্যাখ্যা করব।

প্রথমত , আপনাকে নির্দিষ্ট চিত্র তৈরি করতে হবে। আমি এর জন্য যা ব্যবহার করেছি তা হ'ল এই টেমপ্লেট এবং একটি স্বয়ংক্রিয় জেনারেটর সহ এই ওয়েবপেজ: টিকনস

আমি যখন আমার ছবিগুলি ডাউনলোড করি, তখন আমি সম্পদগুলি / আইফোনের ফোল্ডারের ভিতরে রাখি I

Default@2x.png (640x960)
ডিফল্ট-568h@2x.png (640x1136)
ডিফল্ট-667h@2x.png (750x1334)
ডিফল্ট- Portrait-736h@3x.png (1242x2208)
ডিফল্ট- ল্যান্ডস্কেপ -736 h@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 নামে একটি ফোল্ডার তৈরি করেছি এবং এর ভিতরে থাকা চিত্রগুলি এবং Contents.json ফাইলটি সংরক্ষণ করব :

দ্বিতীয়ত , আপনাকে আপনার প্রকল্পটি এক্সকোডে এবং "সাধারণ" সেটিংসে, " অ্যাপ আইকন এবং লঞ্চ চিত্রগুলি " এর নীচে খালি রাখতে হবে (আমাদের লঞ্চ স্ক্রিন ফাইলটি) বিকল্পটি খালি রাখতে হবে (এছাড়াও আমরা আমাদের প্রকল্পের অভ্যন্তরে LaunchScreen.xib ফাইলটি মুছতে পারি) ), এবং তার পরে " সম্পদ ক্যাটালগ ব্যবহার করুন" এ ক্লিক করুন । একটি মডেল খুলবে, আমরা ক্যাটালগ চিত্রগুলি স্থানান্তরিত করতে পছন্দ করি

এখন, " লঞ্চ ইমেজস উত্স উত্স " নির্বাচকটিতে, আমরা এর আগে তৈরি ফোল্ডারটি লঞ্চইমেজ (আমাদের চিত্রগুলির সাথে একটি) চয়ন করতে পারি:

আমরা ব্র্যান্ড অ্যাসেটের পরিবর্তে এটি বাছাই করি এবং আমরা ব্র্যান্ড অ্যাসেটস ফোল্ডারটি মুছতে পারি ।

এই মুহুর্তে, আমরা আমাদের কাস্টম লঞ্চ চিত্রগুলি সহ আমাদের প্রতিক্রিয়া নেটিভ অ্যাপ্লিকেশনটি চালাতে সক্ষম হব:

আমি জানি এটি অনুমান করা সহজ কাজটির জন্য কিছুটা জটিল বলে মনে হচ্ছে, তবে এটি সম্পর্কে অনেকগুলি পড়ার পরে আমার স্প্ল্যাশ চিত্রগুলি কাজ করার একমাত্র উপায় এটি ছিল তাই আমি সম্প্রদায়ের সাথে ভাগ করে নিতে চাই।

— জেভি লোবো
সূত্র

ছবিগুলি কী হতে হবে .png আমি ব্যবহার করার চেষ্টা করছি .jpg

— অ্যাডাম কাটজ

আমি .jpg ইমেজ দিয়ে চেষ্টা করেছি না। হতে পারে এটি শুধুমাত্র .png

— জেভি লোবো

আমি এক্সকোডে যে ত্রুটিটি পাচ্ছি তাতে ফাইলের বৈধ ফাইল এক্সটেনশন নেই বলে ধন্যবাদ তাই সমস্যাটি সম্ভবত মনে হচ্ছে, যদিও আমি দেখতে পাই না কেন জেপিজি কাজ করবে না

— অ্যাডাম কাটজ

1

আপনার কি সমস্ত 5 টি বিকল্প থাকতে হবে, আমার অ্যাপ্লিকেশনটি ল্যান্ডস্কেপটি ব্যবহার করার উদ্দেশ্যে নয় তাই আমি এটি ছেড়ে দিয়েছি তবে এটি এতটাই কাজ করছে না যে তা যদি হয় তবে

— অ্যাডাম কাটজ

1

এটির পরেও আমার এখনও সমস্যা ছিল এবং আসল প্রবর্তন স্ক্রিনটি প্রদর্শন বন্ধ করার জন্য সিমুলেটর থেকে অ্যাপটি মুছতে হয়েছিল।

— ড্যান জি নেলসন

16

সিমুলেটর থেকে অ্যাপটি মুছে ফেলার বিষয়টি নিশ্চিত করুন। তারপরে আপনার প্রকল্পটি পরিষ্কার করুন।

— ড্যান জি নেলসন
সূত্র

সিমুলেটর থেকে অ্যাপ মুছে ফেলা আমার পক্ষে কাজ করে। ধন্যবাদ

— অ্যান্ডি

আপনি আমার জীবন রক্ষাকারী। আপনাকে অনেক ধন্যবাদ।

— হল্ট

8

আমি কীভাবে একটি নতুন লঞ্চ স্ক্রিন তৈরি করতে পারি তার সমাধানগুলিতে আমি এস উত্তরগুলিতে এই উত্তরগুলি অনেকটা দেখছি। আমি বলতে চাই যে এক মিনিটের জন্য এটি সম্পর্কে চিন্তা করি।

যখন আমরা একটি নতুন প্রতিক্রিয়া-দেশীয় প্রকল্প তৈরি করি তখন লঞ্চ স্ক্রিনের জন্য আমরা কী দেখতে পাই?

> ফেসবুকের ডিফল্ট লঞ্চ স্ক্রিন

সুতরাং এটি আমাকে ভাবছে, তারা কীভাবে এটি করেছে?

তারা একটি তৈরি LaunchScreen.xib

আমি মনে করি এর অবশ্যই কোনও কারণ থাকতে হবে। তাই আমি প্রবেশ করে LaunchScreen.xibডিফল্ট পাঠ্য "প্রতিক্রিয়া নেটিভ ..." বা এটি যা বলেছিল তাতে পরিবর্তন করেছি। লঞ্চ স্ক্রিনটি আমার সম্পাদনাগুলি প্রতিবিম্বিত করেছে তা দেখতে আমি আরও একবার অ্যাপটি চালালাম।

সমাধান 1 বিদ্যমান LaunchScreen.xib সম্পাদনা করুন

সমাধান 2 আমার নিজের তৈরি করুন

সুতরাং আমি করেছি, কীভাবে আমার নিজের তৈরি করতে শেখার চেয়ে এই উত্তরটি লিখতে আমার বেশি সময় লেগেছে। Both of these solutions are compatible with all the devices.

ধাপ 1:

মুছে ফেলা LaunchScreen.xib

ধাপ ২:

এ ক্লিক করুন 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

@ Noitidart খুশি আমি কিছু সাহায্য করতে পারে।

— ট্রেন

1

আমি যা করেছি তা এমনকি লঞ্চস্ক্রিন.এক্সিব মোছা হয়নি, আমি কেবল পাঠ্য নোডগুলি মুছে ফেলেছি, তারপরে আমি একটি চিত্রের দৃশ্যে টেনে নিয়েছি, আপনার বর্ণিত চিত্রটি আমদানি করেছি, তারপর ছবিটি ইউআইআইভিজভিউতে সেট করব :) এটি তৈরি করার কোনও উপায় আছে কি? প্রতিক্রিয়াশীল? ট্যাবলেটের মতো এটিও 3x হওয়া উচিত এবং ফোনে এটি 2x হওয়া উচিত? এছাড়াও আমার ইউআইআইমেজভিউটি সমস্ত ডিভাইসে কেন্দ্রিক নয়। :( আমি যা আছে তার স্ক্রিনশট এখানে রয়েছে - i.imgur.com/o5SMgHN.png

— Noitidart

1

@Noitidart তাদের জন্য ভাল সন্ধান করুন। আমি নিশ্চিত যে এই উত্তরটি দেখার জন্য তারা কার্যকর হবে be

— ট্রেন

1

ধন্যবাদ ভাই! আমি মনে করি আপনি যেভাবে আবিষ্কার করেছেন সেটি হ'ল এটি করার আসল উপায়। প্রতিটি ল্যান্ডস্কেপ / প্রতিকৃতিতে প্রতিটি ডিভাইসের আকারের একটি সেট ব্যাকগ্রাউন্ড রঙের সাথে চিত্রগুলি তৈরি করা এটি সম্পর্কে যাবার উপায় নয় (এখানে সর্বাধিক উত্তোলিত উত্তর এটি কীভাবে করে)। এখন আমি সহজেই পটভূমির রঙ সামঞ্জস্য করতে পারি। স্কেলিং ইত্যাদি সঠিকভাবে প্রাপ্ত করা যায়। ইমেজ সহ, সমস্ত কিছু ইমেজে রয়েছে।

— নোটিডার্ট

1

এই প্রক্রিয়াটি একইরূপে যদি আপনি একটি দ্রুত সুইট নেটিভ অ্যাপ্লিকেশন বিকাশ করছেন। শীতল

— jasan

8

হালনাগাদ

generator-rn-toolboxঅবচয় করা হয়। ব্যবহারের প্রতিক্রিয়া-দেশীয়-করা পরিবর্তে।

পুরানো উত্তর

আমি প্রতিক্রিয়া-নেটিভ ব্যবহার করে লঞ্চ স্ক্রিন বা প্রধান আইকন প্রয়োগ করার জন্য জেনারেটর-আরএন-টুলবক্সের প্রস্তাব দিই । প্রতিক্রিয়া-নেটিভ হিসাবে ক্লাইমের মাধ্যমে ব্যবহার করা আরও সহজ এবং সহজ।

এক্সকোড খোলার দরকার নেই।
বিভিন্ন রেজোলিউশনের জন্য প্রচুর চিত্র ফাইল করার দরকার নেই।
যে কোনও সময় একটি লাইন প্রশংসা ব্যবহার করে লঞ্চটির পরিবর্তন করুন।

আবশ্যকতা

নোড> = 6
2208x2208 এর বেশি আকারের এক স্কোয়ার চিত্র বা পিএসডি ফাইললঞ্চ স্ক্রিনের জন্য স্প্ল্যাশ স্ক্রিনের জন্য পিএক্স রেজোলিউশনের
ইতিবাচক মন ;)

ইনস্টল করুন

জেনারেটর-আরএন-টুলবক্স এবং ইয়ো ইনস্টল করুন
npm install -g yo generator-rn-toolbox
চিত্রম্যাগিক ইনস্টল করুন brew install imagemagick
আইওএস-এ স্প্ল্যাশ স্ক্রিন প্রয়োগ করুন

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

বা অ্যান্ড্রয়েড

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

এখানেই শেষ. :)

উৎস

— জেফ গু কাং
সূত্র

বিশ্বাস করতে পারি না আমাকে এটি জিজ্ঞাসা করতে হবে ... আপনি কমান্ডটি চালাবেন কোথা থেকে?

— অ্যালেক্সভ্যালিজো

আপনার শীর্ষ প্রকল্প ডিরেক্টরিতে অ্যালেক্সভ্যালিজো

— জেফ গু কাং

"La স্প্ল্যাশ পাওয়া যায়নি" আমি মনে করি এটি কাজ করে না

— AlxVallejo

@ অ্যালেক্সভ্যালিজো আপনার ইমেজ ফাইলটি ছিল? আমি এটি দরকারীভাবে ব্যবহার করছি।

— জেফ গু কাং

1

generator-rn-toolboxবাস্তবতা গ্রহণযোগ্য উত্তর যা করে তা করে।

— ফেলিক্স

6

শুধু এই মাধ্যমে গিয়েছিলাম এবং একটি ট্রিট কাজ। আমি আবিষ্কার করা একমাত্র রোড ব্লকটি সিমুলেটর সামগ্রীটি সাফ করছিল না। যদি আপনি দেখতে পান যে আপনার নতুন লঞ্চ স্ক্রিনটি কাজ করছে না তবে আপনাকে সিমুলেশনটি খুলতে হবে এবং নিম্নলিখিতগুলিতে যেতে হবে:

সিমুলেটর> সামগ্রী এবং সেটিংস পুনরায় সেট করুন

সেই সিমুলেটারের মধ্যে অবশ্যই কিছু শক্তিশালী ক্যাশে চলছে তবে এটি শেষ হয়ে গেলে - পুনরায় চালু করুন এবং আপনি অ্যাপটি দেখতে পাবেন। আপনি এক্সকোড সিমুলেটর এবং প্রতিক্রিয়া নেটিভ সিমুলেটর উভয়ের জন্যই এটি করেছেন তা নিশ্চিত করুন!

— অশ্লীলতা
সূত্র

5

নিশ্চিত করুন যে 'লঞ্চ স্ক্রিন ফাইল' নির্বাচনটি খালি রয়েছে:

— PoseLab
সূত্র

1

এই লিঙ্কটি অনুসরণ করুন:

আপনি যদি আমার প্রতিক্রিয়া নেটিভ অ্যাপ্লিকেশনটিতে একটি স্প্ল্যাশ স্ক্রিন যুক্ত করতে চান তবে প্রক্রিয়াটি অনুসরণ করুন, ফলাফলটি সমস্ত আপনার হবে।

পদক্ষেপ: 1 প্রথমে, আমি একটি স্প্ল্যাশআইগ্রেজ রিসোর্স ফোল্ডার তৈরি করেছি এবং স্প্ল্যাশ চিত্রের সাথে লঞ্চস্ক্রিন.এক্সিব ফাইল যুক্ত করেছি।

পদক্ষেপ: 2 সাবউভিউ ট্যাগের ভিতরে লিখিতভাবে কোড পরিবর্তন করুন। এই কোড সহ<subviews> <imageView userInteractionEnabled="NO" contentMode="scaleAspectFill" image="splash.png" translatesAutoresizingMaskIntoConstraints="NO" id="ZkI-RL-69Z"> </imageView> </subviews>

পদক্ষেপ: 3 আপনার এক্সকোডে আপনার অ্যাপ্লিকেশনটি খুলতে হবে। এখানে অনুসরণের পদক্ষেপগুলি:

ক) আপনার প্রকল্প ফোল্ডারে যান

খ) আইওএস ফোল্ডারটি খুলুন

গ) এক্সট্রোড হিসাবে .xcodeproj রয়েছে এমন ফাইলটিতে যান, আমার ক্ষেত্রে এটি স্প্লাসস্ক্রিনটিউটোরিয়াল.এক্সকোডপ্রোজ

d) এই ফাইলটি আপনার এক্সকোডে খুলুন।

e) লঞ্চস্ক্রিন.এক্সিব ফাইলটি মুছুন।

চ) স্প্ল্যাশস্ক্রিনটিউটোরিয়াল ফোল্ডারে ক্লিক করুন, তারপরে টার্গেট বিভাগে যান

ছ) আপনার এক্সকোডের উপরের বাম কোণে জেনারেল ট্যাবে ক্লিক করুন এবং অ্যাপ আইকনগুলিতে স্ক্রোল করুন এবং চিত্রগুলি লঞ্চ করুন

জ) চিত্র উত্স চালু করুন এবং সম্পদ ক্যাটালগ ব্যবহার ক্লিক করুন। স্থানান্তর ক্লিক করুন।

i) লঞ্চ স্ক্রিন ফাইল থেকে পাঠ্য LaunchScreen সরান।

j) আপনার প্রকল্প ফোল্ডারে ফিরে যান এবং চিত্রগুলি.এক্সক্যাসেট ফাইলটি খুলুন। আপনার AppIcon এবং LaunchI छवि দেখতে হবে।

ট) এরপরে, লঞ্চ আইমেজে ক্লিক করুন, শেষ পর্যন্ত, আপনার বিভিন্ন আকারের স্প্ল্যাশ স্ক্রিন চিত্রগুলি লঞ্চ ইমেজ বাক্সে টানুন।

চিত্রগুলি এর মতো টেনে আনুন।

পরীক্ষার স্প্ল্যাশ স্ক্রিন ক) পরিবর্তনগুলি দেখতে, আপনি প্রাথমিকভাবে অ্যাপটি চালনা করে থাকলে আপনার সিমুলেটর থেকে অ্যাপটি মুছতে হবে।

খ) অ্যাপটি মুছতে আপনার সিমুলেটর বারের হার্ডওয়্যার মেনুতে ক্লিক করুন এবং হোম এ যান।

গ) আপনি মুছে ফেলতে চান এমন নির্দিষ্ট অ্যাপ্লিকেশন আইকনটি আলতো চাপুন এবং ধরে রাখুন এবং আইকনের X চিহ্নটিতে ক্লিক করুন।

ঘ) রিএ্যাক্ট-নেটিভ রান-আইওএস ব্যবহার করে আপনার অ্যাপ্লিকেশনটি আবার চালান

আপনি আপনার স্প্ল্যাশ স্ক্রিন দেখতে পারেন

— পঙ্কজ শর্মা
সূত্র

1

আমার জন্য XCode 10.1এবং ইতিমধ্যে চিত্রগুলি, স্টোরিবোর্ড এবং 1 সর্বজনীন চিত্র যুক্ত করার পরে আমাকে react-native 59.2অতিরিক্ত পদক্ষেপগুলি অতিক্রম করতে হয়েছিল ।

চিত্রটিতে ডান ক্লিক করুন, ক্লিক করুন Show in Finder, তারপরে আপনার Contents.jsonফাইলটি সম্পাদনা করুন
চিত্রটি 2x এবং 3x বিভাগে যুক্ত করুন
"শাসক" মেনু সহ লঞ্চ স্ক্রিন স্টোরিবোর্ডে যান
নিশ্চিত করুন যে কেবলমাত্র ভিতরে লাল তীরগুলি চালু রয়েছে, বাইরের লাল তীরগুলি নয়
"নিরাপদ অঞ্চল সম্পর্কিত মার্জিনস" ক্লিক করুন

চিত্রটি এখন সমস্ত আকারের আইফোনে কেন্দ্রীভূত করা উচিত (প্রতিকৃতিতে পরীক্ষিত)।

— সারা ইনস ক্যালদারেন
সূত্র

0

আপনি যদি বিদ্যমান লঞ্চ স্ক্রিন .xib ফাইলটি প্রতিক্রিয়া নেটিভ প্রাথমিকভাবে সেট আপ করতে চান তবে আপনার নিজের লোগো এবং ব্যাকগ্রাউন্ড রঙের (এবং কোনও প্রতিক্রিয়া নেটিভ ডিফল্ট পাঠ্য ছাড়াই) দিয়ে আপনি এখানে নির্দেশাবলী অনুসরণ করতে পারেন: https: // মাঝারি . com/@kelleyannerose/react-native-ios-splash-screen-in-xcode-bd53b84430ec ।

— কেলি রোজ
সূত্র

0

আপনি যদি প্রতিক্রিয়ার সহায়তায় একটি লঞ্চ স্ক্রিন তৈরি করেন তবে আইওএস এক্সকোডে লঞ্চস্ক্রিন.এক্সিব ফাইলটিতে আপনার একই জিনিসটি যুক্ত করা উচিত যার জন্য আপনি একটি স্ক্রিনশট নিতে এবং এটি চিত্রগুলি। এক্সক্যাসেটে চিত্র হিসাবে যুক্ত করতে পারেন।

লঞ্চস্ক্রিনটি খুলুন তারপরে এক্সকোডের ডান প্যানেল থেকে অবজেক্ট লাইব্রেরি থেকে ভিউতে ইউআইআইমেজভিউ যুক্ত করুন।

ভিউতে ট্রেলিং, শীর্ষস্থান, নীচে এবং শীর্ষ সীমাবদ্ধতা যুক্ত করুন। নিচে দেখানো হয়েছে -

ইউআইআইমেজভিউ কনটেন্টমোডকে AspectFit হিসাবে পরিবর্তন করতে ভুলে যাবেন না যাতে অ্যাপটি চললে এটি দেখতে একই রকম হয়।

এর পরে আপনাকে অ্যাপডিলেজেটে কোড যুক্ত করতে হবে যাতে আপনি কোনও সাদা স্ক্রিন না পান। কোডটি হ'ল -

 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

— Ronit
সূত্র

0

কেবল এখনও যাদের সমস্যা আছে তাদের জন্য, আইওএস লঞ্চের স্ক্রিনটি কাজ করার আগে গ্রহণযোগ্য উত্তর থেকে আরও একটি পদক্ষেপ নেই।

Info.plistপ্রকল্পের ফোল্ডারে খুলুন এবং "মুখ্য নীব ফাইলের নাম নাম" কী মুছুন। তারপরে, পুনর্নির্মাণ করুন এবং আশা করি সমস্যাটি শেষ হয়ে গেছে।

— লোকাস অ্যান্ড্রেডেলিস
সূত্র

0

উপরের সমাধানগুলি অনুসরণ করার পরে আমার অ্যাপ্লিকেশনটি স্প্ল্যাশ স্ক্রিনে আটকে যাচ্ছিল তাই আমি আইওএসে কাস্টম স্প্ল্যাশ স্ক্রিন যুক্ত করতে নিম্নলিখিত 7 টি পদক্ষেপটি করেছি।

এক্সকোডটি খুলুন এবং এটি সনাক্ত করুন LaunchScreen.xib এবং আপনার প্রকল্পে ফাইলটি করুন (লক্ষ্য করুন যে এটি হ'ল পর্দা যা আইওএস-এ ডিফল্টরূপে প্রদর্শিত হয়)
স্ক্রিনের পাঠ্য অপসারণ / সম্পাদনা করতে এটিতে ক্লিক করুন এবং আপনার পছন্দমতো প্রয়োজনীয় পরিবর্তনগুলি করুন।
ব্যাকগ্রাউন্ডের রঙটি পরিবর্তন করতে ডান পাশের বারে নীচের আইকনগুলি সন্ধান করুন এবং বাম দিক থেকে চতুর্থ দিকে খুব উপরে অবস্থিত ছোট আইকন বোতামটি ক্লিক করুন (যখন আপনি ঘোরাবেন, এটি "বৈশিষ্ট্য পরিদর্শক দেখান" বলবে)

এখন আপনি কীভাবে পটভূমির রঙ পরিবর্তন করবেন তা জানেন, নীচের বোতামটিতে ক্লিক করতে স্প্ল্যাশ স্ক্রিনে চিত্র যুক্ত করুন এবং তালিকা থেকে চিত্রের চিত্রটি নির্বাচন করুন এবং স্প্ল্যাশ স্ক্রিনে আপনি যেখানে চান সেখানে এটি টানুন এবং রাখুন।

এখন আমাদের ইমেজটি Images.xcassetsএমনভাবে যুক্ত করতে হবে যাতে আমরা LaunchScreen.xibএই গোটোটি করার ক্ষেত্রে এটি উল্লেখ করতে পারি Images.xcassets। তারপরে +বোতামটি ক্লিক করুন importএবং তারপরে স্প্ল্যাশ স্ক্রিনে আপনি যে চিত্রটি দেখাতে চান তা যুক্ত করুন। নীচে AppIconআপনি আপনার চিত্র ফাইলের নাম দেখতে পাবেন। আমাদের নাম উল্লেখ করার জন্য আমরা এই নামটি ব্যবহার করবLaunchScreen.xib
এখন আমাদের LaunchScreen.xibফাইলে যুক্ত হওয়া চিত্রটি উল্লেখ করতে হবে যাতে এতে আবার নেভিগেট করুনLaunchScreen.xib করুন এবং image viewআমরা আগে যুক্ত করেছিলাম এবং ডানদিকে কোণায় আপনি বিকল্পগুলি দেখতে পাবেন। প্রথম imageযেটিতে আছে তার উপর ক্লিক করুন এবং আপনি যে পদক্ষেপটি 5 ধাপে আমদানি করেছেন তা নির্বাচন করুন

প্রকল্পটি পরিষ্কার করুন এবং চালান react-native run-ios এবং আপনার পরিবর্তনগুলি দেখা উচিত।

— হাদি মীর
সূত্র

-5

আপনার চিত্র সেট হিসাবে লঞ্চ স্ক্রিন চিত্র উত্স সেট করা উচিত। এরপরে LauncScreen.xib ফাইলটি মুছুন। এরপরে আপনার প্রকল্পে একটি বিশ্বব্যাপী অনুসন্ধান করুন এবং LaunchScreen.xib- এর সমস্ত উল্লেখ মুছে ফেলুন (আপনার পুরো প্রকল্পটি দেখুন I

— eyal83
সূত্র

আপনার উত্তরের জন্য ধন্যবাদ. আমি ভাল বুঝতে পারছি না কারণ আমি মনে করি আপনি টাইপ করেছেন। আমি LaunchScreen.xib এর রেফারেন্সগুলি সরিয়ে দিতে আমার প্রকল্পে একটি বিশ্বব্যাপী অনুসন্ধান করেছি, পেরোতে ফাইলটির কোনও রেফারেন্স নেই: puu.sh/lGu7z/8fd88a886e.png ধন্যবাদ।

— জেভি লোবো

প্রতিক্রিয়া নেটিভ মধ্যে আইওএস লঞ্চ পর্দা

হালনাগাদ

পুরানো উত্তর

আবশ্যকতা

ইনস্টল করুন