native:side-nav re-render

[chrome root]

Is there a way to manually re-render sidebar. I am using Vue + Inertia and on every page change I need to update active menu state for example. Is also there a way to render native sidebar from Vue component?

[true solar]

Check out the kitchen sink example, it has an example of setting the active prop: https://github.com/NativePHP/kitchen-sink-mobile-vue/blob/main/resources/views/app.blade.php

[chrome root]

Hmm, I have the same logic on my side, but something is obviously wrong.

I have active="{{ request()->routeIs('dashboard.index') }}"
for my <native:side-nav-item > item and that route is simple rendering Dashboard.vue component exactly as kitchen sink app

[true solar]

I just checked the Kitchen Sink Vue app on iOS and I'm not seeing any indicator that it's active. I think we'll have to wait for Shane or Simon to check this out.

[chrome root]

We'll wait 😄 @glacial pivot @vestal herald

[vestal herald]

:active

Even though you have {{}} it outputs a string or is interpreted as one

[chrome root]

Hmm.

:active="{{request()->routeIs('dashboard.index')}}"

this combination trows an error

syntax error, unexpected token "<"

[chrome root]

And side question. Is it possible to submit post request with native:side-nav-item? @vestal herald

[glacial pivot]

Remove the braces :active="request()->routeIs(...)

[glacial pivot]

Not yet, but something better is coming

[chrome root]

When I remove bracket notting happens

[true solar]

I've done some testing with the Kitchen Sink Vue app I discovered the following:

• The app doesn't show active tabs currently
• The blade files aren't getting reloaded on page visits which means the php in blade isn't getting run again, so no active flags are set

I think we'll have to ask @glacial pivot @vestal herald how to address this.