4-way swipe organization

I'm trying to get a full 4-way swipe going, which is working by nesting the component like so.
A user can navigate right from either Home, Top or Bottom but once right, they need to come back to Home to go up or down. Is there a good way to say, swipe up to Top when the user is Further Right?

      <Swiper
        loop={false}
        showsPagination={false}
        index={1}>
        <View style={this.viewStyle()}>
          <TitleText label="Left" />
        </View>
        <Swiper
          horizontal={false}
          loop={false}
          showsPagination={false}
          index={1}>
          <View style={this.viewStyle()}>
            <TitleText label="Top" />
          </View>
          <View style={this.viewStyle()}>
            <TitleText label="Home" />
          </View>
          <View style={this.viewStyle()}>
            <TitleText label="Bottom" />
          </View>
        </Swiper>
        <View style={this.viewStyle()}>
          <TitleText label="Right" />
        </View>
        <View style={this.viewStyle()}>
          <TitleText label="Further Right" />
        </View>
      </Swiper>

Start by reviewing the nested Swiper example in the issue and the component's gesture and navigation behavior. Determine whether four-way navigation can work from positions such as “Further Right” while still allowing vertical swipes. Done means the requested four-way swipe organization is supported and its behavior is documented or demonstrated.