ios: popTo

ios/RNNBridgeModule.m

@@ -30,6 +30,10 @@ RCT_EXPORT_METHOD(pop:(NSString*)containerId) {
 	[_commandsHandler pop:containerId];
 }
 
+RCT_EXPORT_METHOD(popTo:(NSString*)containerId toContainerId:(NSString*)toContainerId) {
+	[_commandsHandler popTo:containerId toContainerId:toContainerId];
+}
+
 RCT_EXPORT_METHOD(showModal:(NSDictionary*)layout) {
 	[_commandsHandler showModal:layout];
 }

ios/RNNCommandsHandler.h

@@ -14,6 +14,8 @@
 
 -(void) pop:(NSString*)containerId;
 
+-(void) popTo:(NSString*)containerId toContainerId:(NSString*)toContainerId;
+
 -(void) showModal:(NSDictionary*)layout;
 
 -(void) dismissModal:(NSString*)containerId;

ios/RNNCommandsHandler.m

@@ -44,6 +44,11 @@
 	[_navigationStackManager pop:containerId];
 }
 
+-(void) popTo:(NSString*)containerId toContainerId:(NSString*)toContainerId {
+	[self assertReady];
+	[_navigationStackManager popTo:containerId toContainerId:toContainerId];
+}
+
 -(void) showModal:(NSDictionary*)layout {
 	[self assertReady];
 	UIViewController *newVc = [_controllerFactory createLayoutAndSaveToStore:layout];

ios/RNNNavigationStackManager.h

@@ -8,5 +8,6 @@
 
 -(void)push:(UIViewController*)newTop onTop:(NSString*)containerId;
 -(void)pop:(NSString*)containerId;
+-(void)popTo:(NSString*)containerId toContainerId:(NSString*)toContainerId;
 
 @end

ios/RNNNavigationStackManager.m

@@ -12,20 +12,32 @@
 
 -(void)push:(UIViewController *)newTop onTop:(NSString *)containerId {
 	UIViewController *vc = [_store findContainerForId:containerId];
-	[[vc navigationController] pushViewController:newTop animated:true];
+	[[vc navigationController] pushViewController:newTop animated:YES];
 }
 
 -(void)pop:(NSString *)containerId {
 	UIViewController* vc = [_store findContainerForId:containerId];
 	UINavigationController* nvc = [vc navigationController];
 	if ([nvc topViewController] == vc) {
-		[nvc popViewControllerAnimated:true];
+		[nvc popViewControllerAnimated:YES];
 	} else {
 		NSMutableArray * vcs = nvc.viewControllers.mutableCopy;
 		[vcs removeObject:vc];
-		[nvc setViewControllers:vcs animated:true];
+		[nvc setViewControllers:vcs animated:YES];
 	}
 	[_store removeContainer:containerId];
 }
 
+-(void) popTo:(NSString*)containerId toContainerId:(NSString*)toContainerId {
+	UIViewController *vc = [_store findContainerForId:containerId];
+	UINavigationController *nvc = [vc navigationController];
+	
+	UIViewController *toVC = [_store findContainerForId:toContainerId];
+	
+	if (vc && toVC) {
+		[nvc popToViewController:toVC animated:YES];
+		// TODO - remove the poped vcs from store
+	}
+}
+
 @end

playground/e2e/app.test.js

@@ -63,6 +63,15 @@ describe('screen stack', () => {
     await elementByLabel('Pop').tap();
     await expect(elementByLabel('React Native Navigation!')).toBeVisible();
   });
+
+  it('pop to specific id', async () => {
+    await elementByLabel('Push').tap();
+    await elementByLabel('Push').tap();
+    await elementByLabel('Push').tap();
+    await expect(elementByLabel('Stack Position: 3')).toBeVisible();
+    await elementByLabel('Pop To Stack Position 1').tap();
+    await expect(elementByLabel('Stack Position: 1')).toBeVisible();
+  })
 });
 
 describe('modal', () => {

playground/src/containers/PushedScreen.js

@@ -15,15 +15,18 @@ class PushedScreen extends Component {
     this.onClickPush = this.onClickPush.bind(this);
     this.onClickPop = this.onClickPop.bind(this);
     this.onClickPopPrevious = this.onClickPopPrevious.bind(this);
+    this.onClickPopToFirstPosition = this.onClickPopToFirstPosition.bind(this);
   }
   render() {
+    const stackPosition = this.getStackPosition();
     return (
       <View style={styles.root}>
         <Text style={styles.h1}>{`Pushed Screen`}</Text>
-        <Text style={styles.h2}>{`Stack Position: ${this.getStackPosition()}`}</Text>
+        <Text style={styles.h2}>{`Stack Position: ${stackPosition}`}</Text>
         <Button title="Push" onPress={this.onClickPush} />
         <Button title="Pop" onPress={this.onClickPop} />
         <Button title="Pop Previous" onPress={this.onClickPopPrevious} />
+        {stackPosition === 3 && <Button title="Pop To Stack Position 1" onPress={this.onClickPopToFirstPosition} />}
         <Text style={styles.footer}>{`this.props.id = ${this.props.id}`}</Text>
       </View>
     );
@@ -47,6 +50,10 @@ class PushedScreen extends Component {
     Navigation.on(_.last(this.props.previousScreenIds)).pop();
   }
 
+  onClickPopToFirstPosition() {
+    Navigation.on(this.props.id).popTo(this.props.previousScreenIds[0]);
+  }
+
   getStackPosition() {
     return this.props.stackPosition || 1;
   }