设置APP名称

编辑 android/app/src/main/res/values/strings.xml 文件：

<resources><string name="app_name">倒数日</string>
</resources>

设置APP图标

使用图标工场处理图片，拿到各个尺寸的图标，替换 android/app/src/main/res 下对应的图标。

图标工场处理过的图标：

要替换的图标：

设置启动页

添加启动页可以使用 react-native-splash-screen 库，通过它可以控制启动页的显示和隐藏。
安装

yarn add react-native-splash-screen/npm install react-native-splash-screen --save
react-native link react-native-splash-screen

编辑 android/app/src/main/java/com/daysmatter(自己的项目名称)/MainActivity.java，添加显示启动页的代码：

// 启动页设置添加代码
import android.os.Bundle;
import org.devio.rn.splashscreen.SplashScreen;
public class MainActivity extends ReactActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// 这里定义了在加载js的时候，同时弹起启动屏// 第二个参数true，是启动页全屏显示，隐藏了状态栏。SplashScreen.show(this, true);}...其他代码
}

在 android/app/src/main/res/layout 文件夹下创建启动页布局文件 launch_screen.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/gradient_test"android:gravity="center"><TextView android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="倒数日"android:textSize="60sp"android:textStyle="bold"android:textColor="@color/StartTitle"/><TextView android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="记住每个重要时刻"android:textSize="18sp"android:textStyle="bold"android:layout_marginTop="30dp"android:textColor="@color/StartSubtitle"/>
</LinearLayout>

绘制背景色渐变：新建android/app/src/main/res/drawable/gradient_test.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle"><gradientandroid:angle="270"android:endColor="#00A6FE"android:centerColor="#eeeeee"android:startColor="#02D7FF" />
</shape>

解决短暂白屏可以将背景设置为透明，编辑android/app/src/main/res/values/styles.xml即可。

<resources><!-- Base application theme. --><style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"><!-- Customize your theme here. --><!--设置透明背景--><item name="android:windowIsTranslucent">true</item></style>
</resources>

隐藏启动页

编辑App.js文件，在componentDidMount中关闭启动页

componentDidMount() {// 组件加载完毕之后，隐藏启动页this.timer = setTimeout(() => {SplashScreen.hide();}, 900)
}
//卸载计时器
componentWillUnmount() {this.timer && clearTimeout(this.timer);//同时为真的才执行卸载
}

react native开发Android 篇——APP名称、图标、启动页相关推荐

react native开发Android 篇——集成自定义的字体
react native开发Android 篇--集成自定义的字体第一种:link添加自定义字体第二种:直接复制字体到`android/app/src/main/assets/fonts`目录下 ...
Android音乐App桌面图标制作以及启动页面开发（简易音乐一）
Android音乐App桌面图标制作以及启动页面开发( 简易音乐一 ) 关于效果第一步第二步第一步修改SplashAcitivity的布局页面第二步修改androidmanifest. ...
Hybrid App 和 React Native 开发那点事
版权声明:本文为博主原创文章,未经博主允许不得转载. 简介:Hybrid App(混合模式移动应用)开发是指介于Web-app.Native-App这两者之间的一种开发模式,兼具「Native App ...
从 Android 到 React Native 开发（四、打包流程解析和发布为 Maven 库）
1.从 Android 到 React Native 开发(一.入门) 2.从 Android 到 React Native 开发(二.通信与模块实现) 3.从 Android 到 React Nat ...
基于 React Native 的 58 同城 App 开发实践
作者简介: 彭飞,58 同城 iOS 客户端架构师.专注于新技术的研发,主要负责 App 端组件化架构以及性能优化,并已推广 React Native 在 58 同城 App 中业务场景的应用.在 M ...
react native 开发APP（六）网络请求，列表的使用
官网 https://reactnative.cn/ 项目下载地址:https://github.com/hebiao6446/DemoProject 陆续更新中... 在移动端开发的时候,我们基本上 ...
rn+与android+交互,React native 与Android原生交互方式(一)
前言## 最近在做React Native开发的时候避免不了的需要原生模块和JS之间进行交互,其实RN和原生的通信大致分为两种情况:一种是Android主动向RN端发送事件和数据,另外一种是RN端被动 ...
React Native开发之必备React基础
为了帮助大家快速上手React Native开发,在这本节中将向大家介绍开发React Native所需要的一些React必备基础知识. 概述本节课将从React的特点.如何使用React.JSX语 ...
React Native开发(一)
本React Native讲解专题:主要讲解了React Native开发,由基础环境搭建配置入门,基础,进阶相关讲解. 关于React Native各种疑难杂症,问题深坑总结方案请点击查看: Mac ...

react native开发Android 篇——APP名称、图标、启动页