Help!! How do I navigate from A Linear Navigator page to a Direct Navigator page

General
1 

```ux
    <DockPanel>
        <iOS.StatusBarConfig ux:Name="statusBarConfig" Style="Light" IsVisible="true"/>
        <StatusBarBackground Dock="Top" />


            <Style>
                <Text TextAlignment="Center" FontSize="16" TextWrapping="Wrap" Y="100" TextColor="#fff"/>
                <Image StretchMode="UniformToFill"/>
                <Page>
                    <EnteringAnimation>
                        <Move X="-1" RelativeTo="ParentSize"/>

                    </EnteringAnimation>
                    <ExitingAnimation>
                        <Move X="1" RelativeTo="ParentSize"/>
                    </ExitingAnimation>
                </Page>
            </Style>

            <PageIndicator Navigation="navigation" Alignment="BottomCenter" Margin="30">
                <Circle ux:Generate="Factory" ux:Binding="DotFactory" Width="10" Height="10" Margin="6">
                    <SolidColor ux:Name="color" Color="#999"/>
                    <ActivatingAnimation>
                        <Change color.Color="#fff" />
                    </ActivatingAnimation>
                </Circle>
            </PageIndicator>
            <Panel>

                <LinearNavigation ux:Name="navigation" Easing="CircularOut"/>
                <WhileTrue ux:Name="canSwipe" Value="true">
                    <SwipeNavigate ux:Name="swipeNavigate" SwipeDirection="Left" SwipeEnds="Closed"/>
                </WhileTrue>

                <Page ux:Name="page1">

                    <Text Width="60%" FontSize="38" Margin="0,-30,0,0">Wanderlust</Text>
                    <Text Width="100%" FontSize="18" Margin="10,300,10,0">Wanderlust photo scrapbook let's you capture everyday travel moment</Text>
                        <!-- <Button Text="Vibrate" Height="45" Alignment="Bottom" Margin="20,80">
                            <Clicked>
                                <Fuse.Vibration.Vibrate Duration="0.2"/>
                            </Clicked>
                        </Button> -->
                    <Image File="Assets/background1.jpg"/>
                </Page>

                <Page ux:Name="page2">
                    <Text Width="60%" FontSize="38" Margin="0,-30,0,0">Wanderlust</Text>
                    <Text Width="100%" FontSize="18" Margin="10,300,10,0">By tracking your location we know when you're in a new city</Text>
                    <!-- <Switch Alignment="BottomCenter" Margin="0,80">
                        <WhileTrue>
                            <Change canSwipe.Value="false"/>
                        </WhileTrue>
                    </Switch> -->
                    <Image File="Assets/background2.jpg"/>
                    <WhileActive Threshold="0.5">
                        <Change statusBarConfig.Style="Dark"/>
                    </WhileActive>
                </Page>
                <Page ux:Name="page3">

                    <Panel>
                        <Text Value="Skip" Alignment="Right" TextColor="#ffffff" Margin="0,5,20,0">
                            <Clicked>
                                <NavigateTo Target="mainMenu"/>
                            </Clicked>
                        </Text>
                    </Panel>

                    <Text Width="60%" FontSize="38" Margin="0,-30,0,0">Wanderlust</Text>
                    <Text Width="100%" FontSize="18" Margin="10,300,10,0">By tracking your location we know when you're in a new city</Text>
                    <!-- <Slider Width="50%" Alignment="Bottom" Margin="0,80">
                        <ProgressAnimation>
                            <Change blur.Radius="5"/>
                        </ProgressAnimation>
                    </Slider> -->
                    <GraphicsView>
                        <Image File="Assets/background3.jpg" Margin="-10">
                            <Blur ux:Name="blur" Radius="0"/>
                        </Image>
                    </GraphicsView>
                </Page>


            </Panel>

        <!-- <BottomBarBackground Dock="Bottom" /> -->
                <DirectNavigation ux:Name="signAndLog"/>

                <Page ux:Name="mainMenu">

                    <StackPanel>

                        <Button Text="Here">
                            <Clicked>
                                <NavigateTo Target="page1"/>
                            </Clicked>
                        </Button>
                    </StackPanel>
                </Page>


    </DockPanel>



![file](https://s3.us-east-2.amazonaws.com/fuse-legacy-forum-assets/mpaDxHl5F0Wv-legacy-files-8HF9PWVMDHt7yVAC-9TG_jtmovaTwSJC67WusR1uh.png)

![file](https://s3.us-east-2.amazonaws.com/fuse-legacy-forum-assets/DJhm0jVTfdXW-legacy-files-jKTH8MvtlpIGgN92-9Lw45NNasZJKXNxLzeTcY_n7.png)

How do I solve this Problem