How to use native tab navigation? #781
Replies: 3 comments 8 replies
-
|
@hgray-instawork , any pointers? This is a new navigation framework we just finished, but the docs haven't caught up yet! |
Beta Was this translation helpful? Give feedback.
-
|
I apologize, @fabianeichinger for the lack of updated documentation. We have been busy adding several useful new features and haven't fully documented the changes. Rest assured that we'll be updating documents and examples in the near future. In the meantime, a basic tab navigator can be set up by defining an HXML structure like this: <doc xmlns="https://hyperview.org/hyperview">
<navigator id="root-navigator" type="tab">
<nav-route id="tab-1" href="/tab1.xml" />
<nav-route id="tab-2" href="/tab2.xml" />
<nav-route id="tab-3" href="/tab3.xml" />
</navigator>
</doc>You can then navigate to each tab using a behavior with a <behavior action="navigate" href="#tab-2" /> |
Beta Was this translation helpful? Give feedback.
-
|
Absolutely @adamstep, we have been capturing a list of missing documentation and examples and are planning to attack these soon. |
Beta Was this translation helpful? Give feedback.
-
|
@hgray-instawork I set up a route to return your |
Beta Was this translation helpful? Give feedback.
-
|
@fabianeichinger, to implement the UI, you should create an instance of the tab bar at the bottom of each page. Example "tab1.xml" would look something like this: <doc ...>
<screen ...>
<body>
<!-- main view content here -->
<!-- tab bar goes here -->
</body>
</screen>
</doc> |
Beta Was this translation helpful? Give feedback.
-
|
Regarding your issue of loading, I'm not quite sure what could be going on. You should be passing the url to your navigation document as the return (
<Hyperview
...
entrypointUrl='/index.xml'
...
/>
); |
Beta Was this translation helpful? Give feedback.
-
|
@fabianeichinger , were you able to resolve your issues? We have recently released v0.75.0 of Hyperview which now includes an example of using a navigator hierarchy provided by an HXML document. You can find this in the Please let us know how you are progressing and if the new example is helpful to you. |
Beta Was this translation helpful? Give feedback.
-
|
@fabianeichinger , I hope everything is going well with your navigation implementation. I wanted to let you know that we've just updated our documentation to include a more in-depth description of the navigation functionality, settings, and setup. Please have a look at our new Navigation guide and let us know how things are going! |
Beta Was this translation helpful? Give feedback.
-
The hv-navigator module seems to provide "native" tab navigation with react-navigation, but I was unable to figure out how to actually use it. Would it be possible to get a HXML example?
Beta Was this translation helpful? Give feedback.
All reactions