如何在react原生底部导航中设置默认屏幕？

import React, { useState, useEffect } from 'react';
import { BottomNavigation, BottomNavigationTab } from '@ui-kitten/components';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

const Stack = createStackNavigator();

const HomeScreen = () => (
  <Stack.Navigator>
    {/* Define your screens here */}
  </Stack.Navigator>
);

const ProfileScreen = () => (
  <Stack.Navigator>
    {/* Define your screens here */}
  </Stack.Navigator>
);

const App = () => {
  const [selectedIndex, setSelectedIndex] = useState(0);

  useEffect(() => {
    // Navigate to the default screen based on the selectedIndex
    // You can use the navigate method provided by your navigation library
    // For example, if you are using React Navigation:
    // navigation.navigate(screens[selectedIndex]);
  }, [selectedIndex]);

  return (
    <NavigationContainer>
      <BottomNavigation
        selectedIndex={selectedIndex}
        onSelect={index => setSelectedIndex(index)}
      >
        <BottomNavigationTab title="Home" />
        <BottomNavigationTab title="Profile" />
      </BottomNavigation>
    </NavigationContainer>
  );
};

export default App;