प्रतिक्रिया-देशी एंड्रॉइड के लिए स्पलैश स्क्रीन कैसे सेट करें

Question

प्रतिक्रिया-देशी एंड्रॉइड के लिए स्प्लैश स्क्रीन कैसे सेट करता है, मुझे इस विषय पर कुछ भी नहीं मिल रहा है और मैंने सोचा कि यह अजीब था।

धन्यवाद

Answer 1

मैंने निम्नलिखित तरीकों में से 3 की कोशिश की थी। सबसे पहले मैं वर्तमान में प्रतिक्रिया-मूल परियोजनाओं के लिए एंड्रॉइड स्प्लैश स्क्रीन के लिए उपयोग कर रहा हूं।

1. अन्य द्वारा लिखित एक एनपीएम पैकेज का उपयोग करना।

   संदर्भ: https://github.com/remobile/react-native-splashscreen

2. एक SplashScreen घटक बना सकते हैं और बाद में पुन: निर्देशित।

   संदर्भ: How to create some kind of Splash screen/Launching screen, which disappears after App loaded? (React Native)java कोड में

3. Natively।

   संदर्भ: https://www.bignerdranch.com/blog/splash-screens-the-right-way/

मैं initialRoute की componentDidMount() में एक fetch अनुरोध है।

स्पष्टीकरण स्क्रीन दिखाते समय उपरोक्त सूची में से पहला तरीका अनुरोध करता है।

जबकि दूसरी तरफ, SplashScreen घटक अनमाउंट होने तक प्रतीक्षा करने की आवश्यकता है।

तीसरा तरीका लिखने और बनाए रखने के लिए थोड़ा और कोड है।

Answer 2

इस ट्यूटोरियल यहाँ अच्छा काम करता है:

https://medium.com/react-native-development/change-splash-screen-in-react-native-android-app-74e6622d699

1. आप में रेस/drawable स्प्लैश स्क्रीन बनाना होगा। यह

   <?xml version="1.0" encoding="utf-8"?> 
   <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
   
       <item 
        android:drawable="@android:color/white"/> 
   
       <item> 
        <bitmap 
         android:gravity="center" 
         android:src="@mipmap/ic_launcher"/> 
       </item> 
   
   </layer-list> 
   

2. splash_screen.xml अब आप रेस अद्यतन करने की आवश्यकता कहते हैं/मूल्यों/styles.xml

   <resources> 
   
       <!-- Base application theme. --> 
       <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> 
        <!-- Customize your theme here. --> 
       </style> 
   
   <style name="SplashTheme" parent="AppTheme"> 
        <item name="android:windowBackground">@drawable/splash_screen</item> 
       </style> 
   
   </resources> 
   

3. अब खुला AndroidManifest.xml और MainActivity

   में

   <activity 
        android:name=".MainActivity" 
        android:label="@string/app_name" 
        android:theme="@style/SplashTheme" 
       android:configChanges="keyboard|keyboardHidden|orientation|screenSize"> 
        <intent-filter> 
         <action android:name="android.intent.action.MAIN" /> 
         <category android:name="android.intent.category.LAUNCHER" /> 
        </intent-filter> 
   </activity> 
   

   SplashTheme साथ AppTheme की जगह

   हम ऐपथीम को अपडेट करने के बजाय स्प्लैशथीम का उपयोग करते हैं, इस पृष्ठभूमि को केवल गतिविधि शुरू करने और अन्य स्टफ छोड़ने के लिए परिवर्तन के बिना एफ।

4. अपने रूट दृश्य के लिए पृष्ठभूमि सेट करने के लिए मत भूलना। इसकी आवश्यकता है क्योंकि स्प्लैश स्क्रीन हमेशा आपके जेएस विचारों के नीचे होती है। तो यदि पृष्ठभूमि सेट नहीं है तो यह दिखाई देगा।

Answer 3

आप this इस्तेमाल करने की कोशिश की थी? मैं कुछ दिनों पहले इस पर आया था।आईओएस पर ठीक काम करता है लेकिन मैंने अभी तक एंड्रॉइड पर इसका परीक्षण नहीं किया है। आपके पास नोड> = 6 और छवि मैजिक स्थापित होना चाहिए। (मैक के लिए: brew install imagemagic)

npm install -g yo generator-rn-toolbox 
yo rn-toolbox:assets --splash IMGAE --android 

Answer 4

यह मेरे लिए काम किया How to Add a Splash Screen to a React Native App (iOS and Android)

यह बहुत सीधे आगे