小程序动态tabBar菜单，根据条件渲染不同的tabBar

这次的项目需求是用户存在两种身份，普通用户和师傅用户，那么要根据不同的身份展示不同的tabBar菜单，看了下官方文档，难度不大，但是由于我用的框架是Taro，所以实现起来很难，试了几次Api调不通就放弃了，转为JS大法写了，但是配置方面还是得按照小程序文档来。

做成效果 ：

此文是Taro版，非原生，思路可供参考，毕竟JS是互通的。

此文件编写的组件会作为自定义的tabBar展示出来

第一次看到Taro是在github搜索React插件时看到(个人习惯,有时候会去搜索一个语言的插件在GitHub再按照Star排名，看看各个插件功能，后期开发时用到这功能有个印象)，感觉挺好的插件，以后开发小程序和快应用应该用的到，因为它直接使用react可以开发多端，相比于去看各个厂家小程序开发文档，使用Taro几乎没有学习成本。

这次使用它开发一个简单的网页 南瓜棋 ，小时候玩的一个游戏，逻辑还是比较简单的，主要是去了解下Taro优缺点，以后开发公司简单小程序、快应用等做好准备，主要是了解他的局限性。

具体看文档，我简单说下感受，我的前端水平:简单的HTML、CSS了解复杂的网页不会(动画啥的还得看文档)，React-Native水平应该还是不错，主流的React-Native框架都会搭建，开发，原生调试，编写没问题,ES6没问题。React看了2周吧，入门。这个Taro，直接写按照文档走，没出现问题。

七分设计感的纯React-Native项目Mung

一个完整小巧的Redux全家桶项目

react-native拖拽排序

多功能React-Native-Toast组件

前言：

项目是一个基于taro开发的小程序，客户要求实现一个观看视频领红包的功能，要求视频暂停则停止计时，重复播放同一个视频也停止计时。也就是要不停的刷视频才能累计时常解锁红包。

思路：

通过定时器来完成，给每个视频的数据添加一个观看与否的字段。未观看为false，看了为true。然后去监听video标签的播放事件，暂停事件。以及播放完成事件。 播放的时候启动定时器，暂停就删除定时器。播放完成后字段改为true。启动定时器前判断这个字段是否为false，为false才去启动定时器。

onPause，onEnded，onPlay三个api分别是暂停，结束，开始这三个状态会触发的函数。

在真机中，上下滑动切换视频时有时候会出现暂停的监听方法失效的问题。所以要在播放的方法里也去删除一次定时器。以防万一。

在播放的方法里就是启动定时器改变进度条

1、改颜色

<Radio color='#FF7464'></Radio>

2、改大小

<Radio style={{transform:'scale(08)'}} color='#FF7464'></Radio>

color可直接改变选中后的颜色

transform即放大或者缩小

点击“分享”按钮，d出一个d层，包括转发给好友，转发海报等

把这个分享层，做成了一个公共组件，onShareAppMessage要放在父组件中！！！！

显示/关闭 d层的方法，也在父组件中，也就是说，在子组件中点击关闭按钮，来触发父组件中的关闭事件！！！！

父组件的onShareAppMessage方法如下：

// 来自页面内转发按钮

onShareAppMessage (res) {

let {hotel_id,hotel_name}=thisstate;

  if (resfrom ==='button') {

thishideShareModel();

  }

return {

title: hotel_name,

    path:'/pages/goods/infoid='+hotel_id

}

}

另外，转发已经得不到 是否成功的回调。因为微信官方说，存在大量滥用转发功能来诱导用户的行为，所以去掉了转发的回调！！！

小程序上线后，改版了很多次，包括一些 Api 接口也有改动。如果你学习一个很久之前的小程序项目是没有意义的，本文推荐的小程序都是最近有更新的。相信在你学习、部署的过程中，不会遇到很多问题。

本文推荐的项目从入门到进阶都有，收藏起来吧。

02 小程序书店

技术栈：Taro + Taro UI + Redux + Webpack + ES6 + Mock。这个项目可以作为你第一个小程序练手项目。

这个小程序非常简单，可以作为初学者第一个实战项目。帮助新手理解 Taro 与 Redux 的配合方式与 Taro 的基本使用。本项目还提供了一个快速搭建本地 mock 服务的解决方案。

除此之外，这个项目还提供了学习文档：

03 高仿喜马拉雅

如果你仅仅有 HTML CSS Js 的知识储备，想开发一个属于自己的小程序，这个 Demo 再适合你不过了，这个高仿喜马拉雅是一个初级项目完全使用微信小程序原生开发，没有使用自定义组件，非常的适合微信小程序开发新手。

04 网易云音乐小程序

基于Taro与网易云音乐 api 开发，技术栈主要是：typescript+taro+taro-ui+redux+react-hooks。

目前主要是着重小程序端的展示，主要也是借此项目强化下上述几个技术栈的使用，打造一个最佳实践项目，通过这个项目也可以帮助你快速使用 Taro 开发一个属于你自己的小程序。

这是该小程序实现的一些功能：

小程序 GitHub Trending Hub 是一个以 Feed 流形式查看 GitHub Trending 仓库集合的工具，通过它可以及时查看最近更新的热门仓库。

刚刚提及的项目适合新手入门，这个小程序适合进阶选手。这个程序涉及很多组件的使用比如：

07 情书站点

第一个项目是校园小情书的微信小程序，该项目功能包括表白墙、树洞、校园论坛。

下载。

以上就是关于小程序动态tabBar菜单，根据条件渲染不同的tabBar全部的内容，包括:小程序动态tabBar菜单，根据条件渲染不同的tabBar、Taro开发多端应用、小程序实现观看视频领红包功能等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！