Стартовая позиция верхней панели материала React-навигации

Question

В настоящее время я использую навигатор верхней вкладки материала в реагирующей навигации, и моя проблема в том, что при открытии приложения я хочу, чтобы оно запускалось примерно так Требуется начальная позиция , однако оно запускается так Фактически Начальная позиция и затем прокручивается до конца. Я пытался использовать springConfig, timerConfig, но ни один из них не выполняет свою работу. И поэтому я обращаюсь к вам, ребята.

код:

import React from "react";
import { View, Text } from "react-native";
import { createMaterialTopTabNavigator } from "@react-navigation/material-top-tabs";

//API's
import moment from "moment";

//Stack

//Screens
import Home from "../../screens/home/Home";
import AddTask from "../../screens/home/AddTasks";

//Initialize
const TopTab = createMaterialTopTabNavigator();

function DateFrom(days) {
 return moment().subtract(days,"d").format("MMMM Do YYYY");
};

function MyTabBar(props) {
    return(
        <View style={{ width: "100%", height: 30, backgroundColor: "red", justifyContent: "center", alignItems: "center" }}>
            <Text>Salut</Text>
        </View>
    );
}

function HomeTopTabNavigator() {
    return (
        <TopTab.Navigator tabBarOptions={defaultOptions} initialRouteName="TODAY">
            <TopTab.Screen name={DateFrom(4)} component={AddTask} />
            <TopTab.Screen name={DateFrom(3)} component={AddTask} />
            <TopTab.Screen name="YESTERDAY" component={AddTask} />
            <TopTab.Screen name="TODAY" component={Home} />
        </TopTab.Navigator>
    );
};

//Default Options
const defaultOptions = {
    indicatorStyle: {
        backgroundColor: "#ffa87b",
    },
    labelStyle: {
        fontFamily: "myriadBold",
    },
    scrollEnabled: true,
};

export default HomeTopTabNavigator