Chevron accessory of Link component about swiftui-react-native

[zpg6]

Just a heads up, @zpg6 and I are working on some new features for a v4 release with some better documentation and feature support. Should be out in the next month or so.

@prinsss Stay tuned 🚀

[andrew-levy]

Yeah it was pretty inefficient and was bloating the library with a bunch of opinionated dependencies, but I plan to bring it back (will take some time tho). In the meantime, you can just use a HStack to add the chevron manually. Closing this issue out now! Let me know if you have any more questions.

[andrew-levy]

Hey glad to hear you're liking it! Do you have the dependency react-native-sfsymbols installed correctly? This library uses it under the hood to display sf symbols like the chevron. If you think you have it installed correctly, I can take a look to see if so can reproduce the error.

Just a heads up, @zpg6 and I are working on some new features for a v4 release with some better documentation and feature support. Should be out in the next month or so.

[prinsss]

Thanks for the quick replies. Nice to hear that!

The dependencies are installed correctly since other SF Symbols are rendering well. I grabbed the source code of the example app from here and changed it a little bit:

<List inset header="Buttons">
  <Button action={() => setShowAlert(true)}>
    <Text alignment="leading">Button</Text>
  </Button>
  <Link destination="https://www.apple.com">
    <Text alignment="leading">Link</Text>
  </Link>
  <Link
    destination="https://www.apple.com"
    style={{
      flexDirection: 'row',
    }}>
    <Text alignment="leading" style={{ flex: 1 }}>
      With SF Symbol
    </Text>
    <Image systemName="info.circle" />
    <Image systemName="chevron.forward" />
  </Link>
</List>

And here is the screenshot after running the example app:

[andrew-levy]

Ah okay I see. The way it's currently set up, Link and Button components don't "know" that they are in a list, so they don't automatically add the chevron. The only way to achieve this right now is with an Image component like you put manually. We wont always be able to replicate how it works in SwiftUI, but I can look to see if I can implement something like that.

[prinsss]

It would be nice if we could have an option to do that. Thank you!

[andrew-levy]

@prinsss Hey. So i just checked the default behavior in SwiftUI and it seems like SwiftUI does not automatically add a a chevron to Link when they shows up in a list. let me know if this address the issue you were having so we can close this issue out.

That being said, it does show up when you use NavigationLink inside of a list, which I plan to implement in a complementary library with all navigation views. Maybe swiftui-react-native/navigation ? TBD.

[prinsss]

Oh, yes, I meant NavigationLink which has a chevron. I used that for navigating to new content. Sorry for the confusion. 🙏

I've noticed that in the previous version (v1.9.4) of the library there was actually a component called NavigationLink whose functionality is just what I want to achieve. But it seems that it was removed now?

That will helps a lot if we could somehow have it back! :)