如何实现Taro小程序自定义顶部导航栏功能？
- 内容介绍
- 相关推荐
本文共计2539个文字，预计阅读时间需要11分钟。
微信自带的顶部导航栏不支持自定义icon和添加元素，开发小程序时，自带的根基本满足需求。分享一个封装好的组件，支持自定义icon、扩展dom，适配安卓、iOS、h5，全面屏。
微信自带的顶部导航栏是无法支持自定义icon和增加元素的，在开发小程序的时候自带的根本满足不了需求，分享一个封装好的组件，支持自定义icon、扩展dom，适配安卓、ios、h5，全面屏。
我用的是京东的Taro多端编译框架写的小程序，原生的也可以适用，用到的微信/taro的api做调整就行，实现效果如下。
1、NavBar.js
import Taro from '@tarojs/taro'; import React, { Component } from 'react' import { View } from '@tarojs/components'; import { isFunction } from '../../utils/index' //判断是否为函数，可以用loadsh的_isFunction,也可以自己封装。
本文共计2539个文字，预计阅读时间需要11分钟。
微信自带的顶部导航栏不支持自定义icon和添加元素，开发小程序时，自带的根基本满足需求。分享一个封装好的组件，支持自定义icon、扩展dom，适配安卓、iOS、h5，全面屏。
微信自带的顶部导航栏是无法支持自定义icon和增加元素的，在开发小程序的时候自带的根本满足不了需求，分享一个封装好的组件，支持自定义icon、扩展dom，适配安卓、ios、h5，全面屏。
我用的是京东的Taro多端编译框架写的小程序，原生的也可以适用，用到的微信/taro的api做调整就行，实现效果如下。
1、NavBar.js
import Taro from '@tarojs/taro'; import React, { Component } from 'react' import { View } from '@tarojs/components'; import { isFunction } from '../../utils/index' //判断是否为函数，可以用loadsh的_isFunction,也可以自己封装。