Perspective Tab Container

Since Tabs can render as either text or Views, you just need to supply a View which has both an Icon and a Label present. (Update: documentation)

Screen Shot 2020-06-08 at 9.50.25 AM

Here’s how I did this:

  1. Right-click props.tabs[1], and select “Change To” and select “Object”.
  2. Expand props.tabs[1] and select “Add Object Member”, then supply a key of “viewPath”.
  3. Supply a valid viewPath.

Screen Shot 2020-06-08 at 9.50.14 AM
In my project, there exists a View (“Experimentation/Repl”) which contains an Icon and a Label. If your View requires parameters, you can also supply a viewParams object alongside viewpath.

Screen Shot 2020-06-08 at 9.54.25 AM

NOTE: In 8.0.13 there might be a bug which prevents tabs which use Views from rendering their borders as expected. We’re looking into whether or not this is expected. In the example I provided, I also cheated and supplied borders of my own to simulate the borders as they SHOULD appear.

Screen Shot 2020-06-08 at 9.56.41 AM

3 Likes