本文为系列文章，以一个完整的可用于生产的实用项目，探索我们在微信小程序开发中经常遇到的问题，希望能提供完善的解决方案。这是本系列的第二篇文章，请列出本系列文章的链接。

微信小程序与h5，基于taro、zoro最佳实践，探索微信小程序电商实战——解决你的登录问题。

从6.6.0版本开始，微信就提供了自定义底部导航栏的功能，这让我们的全屏页面设计有可能先演示最终效果。

我们实现了一个导航栏，它的行为和微信之前的导航栏基本一致，风格可以定制。接下来，让我们一步一步地实现它。这里，我们主要需要考虑以下几点

不同手机的状态栏高度不同，需要做相关的适配。小程序下拉刷新开启时，如何让顶部导航不与下拉自定义导航栏打包为独立组件，使其只需引入页面，而不需要对页面样式做相关的适配工作？

该项目托管在github，感兴趣的可以直接查看源代码weapp-clover。请查看ztaro了解如何运行项目的源代码。为了实现自定义导航，我们首先需要将navigationStyle配置为custom(src/app.js)。