reactjs – 为什么在我的页面在React Native中转换之前有一个白

请看我制作的视频：https://youtu.be/92XGji7L-RU

const { height: deviceHeight } = Dimensions.get('window');

class OrdersScreen extends Component {
    constructor(props) {
        super(props);

        this.state = {
            offset: new Animated.Value(deviceHeight),};
    }

    componentDidMount() {
        Animated.timing(this.state.offset,{
          duration: 350,toValue: 0,}).start();
    }

    closeModal() {
        Animated.timing(this.state.offset,toValue: -deviceHeight,}).start(Actions.pop);
    }

    searchOrders = searchTerm => {
        this.props.dispatch(searchOrdersWithStatus(this.props.orderStatus,searchTerm))
    }

    render() {
        // default to Active Orders
        const status = this.props.orderStatus || ORDER_TYPE_DELIVERIES;
        let title = 'Order History';

        if (ORDER_TYPE_DELIVERIES == status) {
            title = 'Orders';
        }

        if (ORDER_TYPE_ISSUES == status) {
            title = 'Item Alerts';
        }

        return (
            <Animated.View style={[styles.wrapper,{ transform: [{ translateY: this.state.offset }] }]}>
                <OrderHeader title={title} enableBack={false} />

                <FullWidthSearchBar placeholder='Search Orders' changeCallback={this.searchOrders} timeoutMillis={500} />

                <OrderSummaryList orderStatus={status} />
            </Animated.View>
        );
    }
}

const styles = StyleSheet.create({
    wrapper: {
        position: 'absolute',top: 0,bottom: 0,left: 0,right: 0,alignItems: 'center',justifyContent: 'flex-start'
    }
});