前言
今天给大家分享的这个开源项目,我认为很多微信小程序开发者非常需要,因为这个组件解决了一个微信小程序开发的痛点,那就是自定义导航栏组件。
没错,众所周知,微信小程序原生导航栏的一些限制,比如:不能设置字体大小,iOS 标题居中而安卓居左,从非首页启动小程序返回首页菜单不明显,屏幕空间不能最大化使用。
因此微信开放了小程序自定义导航栏,允许用户最大化的使用屏幕空间。
但是呢,但是自定导航栏不支持只指定某些页面使用,而是全局的,所以也带来了一些适配问题。
这个开源项目就是来解决这个痛点的。
这个导航栏组件支持的特性:
- 可根据手机状态栏高度适配。
- 可自定义设置包括字体颜色、字体大小、背景颜色、无标题、导航栏是否置顶。
- 可自动识别是否首页 launch。
![184d7a8937951b88d12f16a7da1259b5.png](https://i-blog.csdnimg.cn/blog_migrate/00d460ab4af8a5564de9cae92b4c63a5.jpeg)
具体效果图,如下:
![1ba1ee6e794b262acbe9d137b389a1cb.gif](https://i-blog.csdnimg.cn/blog_migrate/f10dcf3c831694ebd5b989e50d755e85.gif)
![0e00b50d668fdcbb89528a4c62eb17db.gif](https://i-blog.csdnimg.cn/blog_migrate/777e3a7858cf31aac80f6f8b9f621c14.gif)
![6590574be116d778f7fec5fb1e14e1eb.gif](https://i-blog.csdnimg.cn/blog_migrate/39bec55eb1e9cf07bbbfd2fd1f9af787.gif)
看完是不是感觉非常不错的,是不是能够解决你的痛点呢?非常不错吧?赶紧去学习一波吧!
开源项目地址:https://github.com/mulook/weapp-navigation-bar
开源项目作者:xiaosu
- 微信小程序学习路线(由于图片清晰度问题没有完全展开)
![d36ba1b738464b9efdb48eeed1253f8c.png](https://i-blog.csdnimg.cn/blog_migrate/ed68365f6c457789cf27d3f1c2d0a1f0.jpeg)
- 对应导图的系统学习视频(由于篇幅问题,只展示部分)
![fedfd666098c72375eca15feed80b9dd.png](https://i-blog.csdnimg.cn/blog_migrate/b837d41c860bf376f357a0819f782b2c.jpeg)
![451b3e53473b3f1f16a2ec44e08af0a9.png](https://i-blog.csdnimg.cn/blog_migrate/07bc9983654a6152a6912c2c70e50de6.jpeg)
对小程序这块知识点感兴趣的朋友欢迎一起学习交流,当然需要上面资料的
可以私信我【学习】,同时也希望大家能多多支持我的文章,点赞,评论+关注即可获得上面所有系统学习资料,绝对是全网独一份!