اذهب إلى المحتوى
  • 0

كيف يمكننى ان اجعل ال Splash screen تملئ الشاشة

أحمد عبد الله2

السؤال

السلام عليكم وعيد مبارك 

انا استخدم هذه المكتبة 
react-native-bootsplash

ولكنى اريد ان اجعلها ان تملى السكرين بالكامل بدلا من ان تقوم بعمل ايقونة وتغيير لون الخلفية فقط 


هذا هو كود الناتيف الخاص بى 

 

// android/build.gradle

buildscript {
  ext {
    buildToolsVersion = "31.0.0"
    minSdkVersion = 23 // <- AndroidX splashscreen has basic support for 21 (only the background color), so 23 is best
    compileSdkVersion = 31 // <- set at least 31
    targetSdkVersion = 31 // <- set at least 31

    // …



///////////////////////////////////////////////////
      //values/styles.xml
      
 <resources>

  <style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
      <!-- Your base theme customization -->
  </style>

  <!-- BootTheme should inherit from Theme.SplashScreen -->
  <style name="BootTheme" parent="Theme.SplashScreen">
    <item name="windowSplashScreenBackground">@color/bootsplash_background</item>
    <item name="windowSplashScreenAnimatedIcon">@mipmap/bootsplash_logo</item>
    <item name="postSplashScreenTheme">@style/AppTheme</item>
  </style>

</resources>
      
      
      //////////////////////////////////////
     //AndroidManifest 
      
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
  package="com.rnbootsplashexample">

  <!--  -->

  <application
    android:name=".MainApplication"
    android:label="@string/app_name"
    android:icon="@mipmap/ic_launcher"
    android:roundIcon="@mipmap/ic_launcher_round"
    android:allowBackup="false"
    android:theme="@style/BootTheme"> <!-- Replace @style/AppTheme with @style/BootTheme -->
    <!--  -->
  </application>
</manifest>
      
      
            //////////////////////////////////////
     //MainActivity 

import com.facebook.react.ReactActivity;
import com.facebook.react.ReactActivityDelegate;
import com.facebook.react.ReactRootView;
import com.zoontek.rnbootsplash.RNBootSplash; // <- add this necessary import

public class MainActivity extends ReactActivity {

  // …

  public static class MainActivityDelegate extends ReactActivityDelegate {

    // …

    @Override
    protected void loadApp(String appKey) {
      RNBootSplash.init(getPlainActivity()); // <- initialize the splash screen
      super.loadApp(appKey);
    }
  }
}

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

هل يمكنك تعديل ملف drawable.xml:

  • نضيف الخاصية android:scaleType=centerCrop لتمديد الصورة بشكل مناسب من المنتصف مع عمل قطع لتناسب جميع مقاسات الشاشات
<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" android:opacity="opaque">

    <item>
        <bitmap android:src="@mipmap/splash_screen" android:scaleType="centerCrop" />
    </item>

</layer-list>

ولم أتأكد من وجود خطأ في المكتية يحيث تم عمل تعديل كالتالي

ImageView view = new ImageView(context);

view.setImageResource(mDrawableResId);
view.setScaleType(ImageView.ScaleType.CENTER_CROP);

لتطبيق التمديد في الملف الذي مساره

react-native-bootsplash/android/src/main/java/com/zoontek/rnbootsplash/RNBootSplashModule.java

كما يوجد مكتبة لها نفس الاسم مع FullScreen هلا قمت بتجريبها 

الرابط: react-native-bootsplash-fullscreen

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...