023.解决启动白屏和amp;和amp;清除日志
引入插件
yarn add react-native-splash-screen
android配置
- 在android/app/src/main/res/layout文件夹下创建启动页的XML文件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:background="@drawable/launch_screen"
android:layout_height="match_parent">
</LinearLayout>
增加drawable-xxhdpi文件夹并加入launch_screen文件
- 在android/app/src/main/res/values目录中,新建colors.xml 文件
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="colorPrimaryDark">#FFFFFF</color>
</resources>
- 修改android/app/src/main/res/values/styles.xml
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
<!-- Customize your theme here. -->
<item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
<!-- 添加. -->
<item name="android:windowIsTranslucent">true</item>
</style>
</resources>
- 在MainActivity.java文件下添加以下代码
import android.os.Bundle; //add
import org.devio.rn.splashscreen.SplashScreen; //add
public class MainActivity extends ReactActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
SplashScreen.show(this); // add
super.onCreate(savedInstanceState);
}
}
- 在rn中配置SplashScreen.hide
import SplashScreen from 'react-native-splash-screen'
componentDidMount() {
SplashScreen.hide()
}
//也可以在首页等其他地方关闭
ios配置
cd ios && pod install
使用xcode 打开.xcworkspace文件,按照ios开发步骤使用xcode生成图片,可自行百度
清除日志
/**
* @format
*/
import { AppRegistry, LogBox } from 'react-native';
import 'react-native-gesture-handler';
import App from './src'; //程序的入口 src目录下的index.jsx
import { name as appName } from './app.json';
//去除react-native-gesture-handler使用旧API警告
LogBox.ignoreLogs([
"[react-native-gesture-handler] Seems like you\'re using an old API with gesture components, check out new Gestures system!",
])
//重置 清除打印日志
if (!__DEV__) {
const emptyFunc = () => {}
global.console.info = emptyFunc
global.console.log = emptyFunc
global.console.warn = emptyFunc
global.console.error = emptyFunc
}
AppRegistry.registerComponent(appName, () => App);
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgikbhi
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
怎样阻止微信小程序自动打开
PHP中文网 06-13