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

السؤال

نشر

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

انا استخدم هذه المكتبة 
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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...