分类：小程序自定义导航栏

2020
12-17

Taro小程序自定义顶部导航栏功能的实现

微信自带的顶部导航栏是无法支持自定义icon和增加元素的，在开发小程序的时候自带的根本满足不了需求，分享一个封装好的组件，支持自定义icon、扩展dom，适配安卓、ios、h5，全面屏。我用的是京东的Taro多端编译框架写的小程序，原生的也可以适用，用到的微信/taro的api做调整就行，实现效果如下。1、NavBar.jsimportTarofrom'@tarojs/taro';importReact,{Component}from'react'import{View}from'@tarojs/components... 继续阅读 >

2020
09-27

小程序自定义导航栏兼容适配所有机型（附完整案例）

前言大部分情况下我们都是使用微信官方自带的navigationBar配置，但有时候我们需要在导航栏集成搜索框、自定义背景图、返回首页按钮等。思路隐藏官方导航栏获取胶囊按钮、状态栏相关数据以供后续计算根据不同机型计算导航栏高度编写新的导航栏页面引用自定义导航正文隐藏官方导航栏隐藏导航栏可以全局配置，也可以单独页面配置，具体根据业务需求来。全局隐藏//app.json"window":{"navigationStyle":"custom"}页面... 继续阅读 >