How can Mini Program's custom tabbar not flicker like the native one?

now the custom tabbar encapsulates a component

<view class="tabbar-bottom-container">
      <navigator open-type="redirect" url="/pages/index/index" hover-class="none" class="item selected"><view class="item"></view></navigator>
       <navigator open-type="redirect" url="/pages/index/index" hover-class="none" class="item"><view class="item"></view></navigator>
        <navigator open-type="redirect" url="/pages/index/index" hover-class="none" class="item"><view class="item"></view></navigator>
         <navigator open-type="redirect" url="/pages/index/index" hover-class="none" class="item"><view class="item"></view></navigator>
          <navigator open-type="redirect" url="/pages/index/index" hover-class="none" class="item"><view class="item"></view></navigator>
</view>

probably because there are five native restrictions and style restrictions, I want to customize
, but because it is skipped, it flashes
. It cannot only load content as configured in app.json. Tabbar is fixed

.

ask the Great God for advice on how to achieve this

Jun.16,2021

turn Mini Program into a single-page application, and the page jump is transformed into the replacement of the component template in the page. Tabbar is just a part of the page that is fixed and will not be replaced. Of course, you can also be like Mini Program's normal page structure, do a multi-page Mini Program, as long as there is a tabbar, you can also assemble these pages into a page.

if you are still not clear about this, you can refer to a Mini Program I wrote earlier: the source address of the micro assistant is https://github.com/nanhupatar.

.

you can refer to the practice of slidebar

the best way is to make a componentized single page, Mini Program, with clear structure and convenient iteration

btw: Welcome to follow my Wechat official account: Front end Guide . If the answer is useful to you, please adopt it
.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3f52a-2c48a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3f52a-2c48a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?