使用自定义导航组件时候,顶部导航的回退图标,在进行navigateTo跳转时,图标会放大闪现一下?
发布于 5 年前 作者 fxue 12313 次浏览 来自 官方Issues
组件 donttaiNavi.wxml

<view class="dongtai-nav" style="height:{{topBarHeight+navHeight}}">
<!-- 状态栏 -->
  <view style="width:100%;height:{{topBarHeight}}px;"></view>
<!-- 导航栏 -->
  <view style="height:{{navHeight}}px;width:100%;position:relative;" class="nav-box">
    <image src="/images/icon/back.png" class="back-img" mode="widthFix" bindtap="naviBak"></image>
    <view class="nav-center">
      <text class="nav-title" style="height:{{navHeight}};line-height:{{navHeight}}px;">标题</text>
      <image src="/images/icon/down.png" alt="" class="down-img" mode="widthFix" bindtap="showDataPicker"></image>
    </view>
  </view>
</view>

page.json
{
  "usingComponents": {"we-navi":"dongtaiNavi/donttaiNavi",
    "calendar":"../../../plugin/components/calendar/calendar"
  },
  "navigationStyle":"custom"
}

page.wxml

<we-navi bindcustomevent="showRL">
</we-navi>

从tab页面navigateTo到这个page.xml页面的时候明显可以看到回退的icon会闪一下,从大图片闪到正常,Android真机预览
wx.navigateTo({
          url'这个page页面路径',
        });
3 回复

请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

箭头图标的image样式加一个height给一个差不多大小,这个不影响最终高度,因为设置了mode:widthFix,会重新计算高度

额 还要多具体?

A page

B page

C component

其中 c组件中有一个回退图标按钮

B page页面中注册使用了C组件"navigationStyle":"custom"   自定义顶部导航

然后从A页面navigateTo到B页面的时候,可以看到页面会闪一下,就是那个回退图标按钮会闪一下。

如图,可以看到 一个是回退图标按钮,一个是下拉图标按钮, 都是先放大,然后变小,这样闪了一下。

该怎么处理。

回到顶部