首页 > 技术文章 > 小程序 如何自定义顶部状态栏 并且滚动状态栏可以渐变哦

husfBK 2020-05-26 10:44 原文

导语

  自定义状态栏可以让页面显得更好看一点,尤其是小屏手机,如果页面需要搜索框的话,完全可以把搜索框放到状态栏中间,与胶囊按钮对齐,既美观又节省页面空间。

 

 

 

 扫码体验

自定义状态栏需要解决哪些问题?

1:只想在首页自定义顶部状态栏,其他页面不受影响

  在需要自定义的页面.json文件中设置 "navigationStyle": "custom"

  注意:如果在app.json中设置的话,那么所有页面的状态栏都将会变成透明。

2:首页滚动时状态栏颜色渐变

  

3:如何获取设备状态栏信息

4:状态栏需要一个搜索框,并且和胶囊按钮对齐,

 

推荐阅读