React Native 如何在Android中创建一个没有包的启动画面

dohp0rv5  于 2023-06-06  发布在  React
关注(0)|答案(2)|浏览(164)

我在使用闪屏包时遇到了问题,有没有其他方法可以设置闪屏而无需包的帮助(在Android中)参考:https://github.com/crazycodeboy/react-native-splash-screen
我尝试了repo中列出的所有可能的方法,但仍然没有这样做,要么是软件包太旧了(版本升级),要么是我这边的一些人为错误。

k2arahey

k2arahey1#

日安。我强烈推荐这个npm包。我用它作为启动画面,它真的很神奇,你只需要按照步骤,你是好去。https://www.npmjs.com/package/react-native-bootsplash

frebpwbc

frebpwbc2#

您需要直接修改Android项目文件。步骤如下。

  • 在你喜欢的代码编辑器中打开你的React Native项目。
  • 导航到项目的android/app/src/main目录。
  • 创建一个名为drawable的新目录(如果不存在)。这是您存储闪屏图像的位置。
  • 将闪屏图像(通常是PNG文件)放在可绘制目录中。确保使用具有不同屏幕密度(mdpihdpixhdpixxhdpixxxhdpi)的正确分辨率的图像。
  • 现在,您需要修改launch_screen.xml文件。如果它不存在,请在android/app/src/main/res/layout目录中创建它。此文件将定义启动画面的布局。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/splash_screen_image"
        android:scaleType="centerCrop" />
</RelativeLayout>

splash_screen_image替换为闪屏图像文件的实际名称。
打开位于android/app/src/main/res/values目录中的styles.xml文件。添加以下样式以定义启动画面的主题:

<style name="SplashTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:windowBackground">@layout/launch_screen</item>
</style>

现在,打开位于android/app/src/main目录中的AndroidManifest.xml文件。
找到具有android:name=".MainActivity"属性的<activity>标记。
android:theme属性添加到<activity>标记,指定前面定义的SplashTheme样式:

<activity
    android:name=".MainActivity"
    android:label="@string/app_name"
    android:theme="@style/SplashTheme">

保存所有修改过的文件,并在项目根目录下运行react-native run-android./gradlew clean && react-native run-android来重建Android项目。

相关问题