微信之光:一个自适应的微信小程序自定义导航栏组件

共 622字,需浏览 2分钟

 ·

2020-06-18 23:24

【公众号回复 “1024”,免费领取程序员赚钱实操经验】

ab60f8996394a3afde744f7ec1903b25.webp

大家好,我是章鱼猫。今天给大家分享的这个开源项目,我认为很多微信小程序开发者非常需要,因为这个组件解决了一个微信小程序开发的痛点,那就是自定义导航栏组件。

没错,众所周知,微信小程序原生导航栏的一些限制,比如:不能设置字体大小,iOS 标题居中而安卓居左,从非首页启动小程序返回首页菜单不明显,屏幕空间不能最大化使用。

因此微信开放了小程序自定义导航栏,允许用户最大化的使用屏幕空间。

但是呢,但是自定导航栏不支持只指定某些页面使用,而是全局的,所以也带来了一些适配问题。

这个开源项目就是来解决这个痛点的。

这个导航栏组件支持的特性:

  1. 可根据手机状态栏高度适配。

  2. 可自定义设置包括字体颜色、字体大小、背景颜色、无标题、导航栏是否置顶。

  3. 可自动识别是否首页 launch。

ed19d5f6903b404056788fed389e580a.webp

具体效果图,如下:

a6e893abdccf8cab5fcf6a9081dbc369.webp

161e177050dd0b2c65c0055b88e5dd8a.webp

1684302680813abc1eade1ef8f4c5647.webp

看完是不是感觉非常不错的,是不是能够解决你的痛点呢?非常牛逼,非常不错吧?赶紧去学习一波吧!

开源项目地址:https://github.com/mulook/weapp-navigation-bar

开源项目作者:xiaosu

---特别推荐---

特别推荐:一个新的优质的推荐高效工具,软件,插件的公众号,每天给大家分享优秀的效率工具,「程序员掘金」,专门为程序员挖掘好东西的一个公众号,非常值得大家关注。


浏览 42
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报