title: How to achieved multiple nested screens
body: <p>Having trouble with my StackNavigator with two another screens in the nested, below are the nested stack I want to achieve.</p>
  
  <pre><code>Items
  -Help (already achieve this nested)
      -Help Details
  -Topup
      -Topup Details
  -Services (I want to achieve something like this);
      -Service name (Babysitting)
          -service name details (Babysitting details)
  </code></pre>
  
  <p>This is ony my <code>DashboardNavigator</code></p>
  
  <pre><code>function DashboardNavigator() {
      return (
          &lt;StackDashboard.Navigator initialRouteName="Dashboard"&gt;
              &lt;StackDashboard.Screen name="Topup" component={TopupStack} options={navOptionHandler} /&gt;
              &lt;StackDashboard.Screen name="Services" component={ServicesStack} options={navOptionHandler} /&gt;
              &lt;StackDashboard.Screen name="BabySitting" component={BabySittingStack} options={navOptionHandler} /&gt;
          &lt;/StackDashboard.Navigator&gt;
      )
  }
  
  function BabySittingStack() {
      &lt;StackBabySitting.Navigator initialRouteName="BabySitting"&gt;
          &lt;StackBabySitting.Screen name="BabySitting" component={BabySitting} options={navOptionHandler} /&gt;
          &lt;StackBabySitting.Screen name="BabySittingDetails" component={BabySittingDetails} options={navOptionHandler} /&gt;
      &lt;/StackBabySitting.Navigator&gt;
  }
  
  function ServicesStack() {
      return (
          &lt;StackServices.Navigator initialRouteName="Services"&gt;
              &lt;StackServices.Screen name="Services" component={Services} options={navOptionHandler} /&gt;
              &lt;StackServices.Screen name="BabySitting" component={BabySittingStack} options={navOptionHandler} /&gt;
          &lt;/StackServices.Navigator&gt;
      )
  }
  </code></pre>
  
  <p>This will be my <code>screen</code> that will go to my <code>details screen</code></p>
  
  <pre><code>&lt;SafeAreaView&gt;
              &lt;TouchableOpacity style={styles.item} onPress={() =&gt; navigation.navigate('BabySittingDetails')}&gt;
                  &lt;Text style={styles.title}&gt;BabySitting&lt;/Text&gt;
                  &lt;Image
                      style={styles.imageItem}
                      source={IMAGE.ICON_NEXT} resizeMode="contain" /&gt;
              &lt;/TouchableOpacity&gt;
          &lt;/SafeAreaView&gt;
  </code></pre>