ReactNativeでreact-navigationを用いた画面遷移

Question

reactを用いた画面遷移をしたいです。
FlatListのアイテムをタップすることで次の画面に遷移させたいのですが、うまくできません。
ソースコードの一部を貼ります。

Navigatorを2つ書くと、後ろに書いた方は呼ばれないことは分かりました。
(この場合だと、タブバーは表示されるがFlatListから遷移はできない)

React Nativeでの画面遷移の一般的な仕方を知りたいです。よろしくおねがいします。

import React from 'react';
import { createAppContainer, createSwitchNavigator, createStackNavigator } from 'react-navigation';

import SettingsScreen from '../screens/Settings';
import EditProfileScreen from '../screens/Edit';
import MainTabNavigator from './MainTabNavigator';

export default createAppContainer(
  
  //タブバーの表示
  createSwitchNavigator({
    Main: MainTabNavigator,
  }),

　//画面遷移に必要
  createStackNavigator({
    list: Settings,
    edit: Edit
  },
  {
    mode: 'card',
  })
  
);

修正

ネストしてしまい、ヘッダーが2つ重なるようになってしまいました。
上のヘッダーを消すor下のヘッダーを消してその内容を上のヘッダーに反映させる
方法はありますか？

Answer 1

別に記述していたStackNavigatorに遷移を記述することで解決しました