The author:Non-famous programmer
Today to share the open source project, I think a lot of micro channel small program developers are very needed, because this component solves a micro channel small program development pain point, that is, the custom navigation bar component.
Yes, as we all know, some limitations of the native navigation bar of wechat mini program, such as: font size cannot be set, iOS title is in the center and Android title is left, it is not obvious to start the mini program from the non-home page and return to the home page menu, screen space cannot be maximized.
Therefore, wechat opened the mini program to customize the navigation bar, allowing users to maximize the use of screen space.
However, the custom navigation bar does not support the use of only certain pages, but global, so there are some adaptation issues.
This open source project addresses this pain point.
The navigation component supports the following features:
- The height can be adjusted according to the status bar of the phone.
- Customizable Settings include font color, font size, background color, no title, and whether the navigation bar is at the top.
- Can automatically identify whether home launch.
Specific renderings are as follows:
Does it feel good after watching it? Does it solve your pain points? It’s awesome. It’s awesome, isn’t it? Go learn a wave!
The open source project address: https://github.com/mulook/weapp-navigation-bar
Open Source project author: Xiaosu
- Wechat applet learning route (not fully expanded due to picture clarity)
- Systematic learning video of corresponding map (only part of it is shown due to space problem)
Of course, the above information can click on my [Github], but also hope that you can support my article, like, comment + attention can get all the above system learning materials, is absolutely the only one in the whole network!