masastack / MASA.Blazor

Blazor UI component library based on Material Design. Support Blazor Server, Blazor WebAssembly and MAUI Blazor.
https://docs.masastack.com/blazor/getting-started/installation
MIT License
1.12k stars 151 forks source link

How to locate router with Bottom Navigation? #947

Closed LuohuaRain closed 1 year ago

LuohuaRain commented 1 year ago
<NavLink href="example-page" target="_blank">Example page</NavLink>
<MBottomNavigation></MBottomNavigation>

MBottomNavigation doesn't have property like native Blazor component NavLink 'href', so do I have to control blazor navigation router manually?

doddgu commented 1 year ago

For example:

<MBottomNavigation
    @bind-Value="value"
    Color="primary">
    <MButton>
        <span>Recents</span>

        <MIcon>mdi-history</MIcon>
    </MButton>

    <MButton>
        <span>Favorites</span>

        <MIcon>mdi-heart</MIcon>
    </MButton>

    <MButton>
        <span>Nearby</span>

        <MIcon>mdi-map-marker</MIcon>
    </MButton>
</MBottomNavigation>

You should control navigation router with button. And the button has Href property.

capdiem commented 1 year ago

Currently, only List supports automatic route matching (Linkage is enabled), while Tabs and BottomNavigation do not support it. Should I put it in 1.0.0? @doddgu

doddgu commented 1 year ago

I think it can be supported in 2.0.

blackmaple commented 1 year ago

我也需要这功能 能加急下么

doddgu commented 1 year ago

@capdiem 调整这个需要多久,1.0能来得及么?

capdiem commented 1 year ago

来得及,比较简单

capdiem commented 1 year ago

Thanks for contacting us, it would be supported in 1.0.0-preview.2.