Expoでスタンドアロンビルドしたときにスプラッシュが裏で表示され続ける

症状

とあるアプリを作ってスタンドアロンビルドしてみましたが、スプラッシュが消えなくてハマりました。

こんな感じに...

解決

けっこう単純でした。
最下部の背景色を白にすることで解決できるようです。

AppLoadingでもいけるっぽいですが、ロードする物とか無かったのでとりあえずこれです。

import React, { Component } from 'react';
import { Text, View, StyleSheet } from 'react-native';
import { Constants } from 'expo';

export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>スプラッシュがのこらない</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    paddingTop: Constants.statusBarHeight,
    backgroundColor: 'white',
  },
});

https://github.com/expo/expo/issues/1494
https://docs.expo.io/versions/latest/guides/splash-screens
https://docs.expo.io/versions/latest/sdk/app-loading.html