摘要:react-native版本:0.61.1 react-native-swiper版本:1.5.14 当时第一次使用时候直接粘贴的别人博客的教程代码,只修改了swiper里面的元素,结果发现不能切换,点击下一张按钮,小圆点会跟着切换,但是元素却没有切换,一直保持在最后一张,折腾了半天,发现不能给Sw 阅读全文
posted @ 2019-11-11 19:34 wtaufpziv 阅读 (34) 评论 (0) 编辑
摘要:当一个react-electron项目做好之后就可以开始进行打包,首先就是打包react,这个自然不用多说,不过事先要记住一点,项目目录主进程文件main.js最好放在根目录,再执行打包命令 这个时候目录结构应该是这样 这个时候需要强调的是,react项目已经打包完成,这个时候完全可以只靠main. 阅读全文
posted @ 2019-07-25 00:22 wtaufpziv 阅读 (287) 评论 (0) 编辑
摘要:之前在打包react项目时发现一些问题,打包出来后我的一部分png图标加载不出来,开发者模式发现他们的路径中莫名其妙混入了我在react-router路由中使用<Browserrouter>的路由名称,网上看到有一种方法是使用Hashrouter,但我的一些功能不允许因此这个方式自然不行,但是我却发 阅读全文
posted @ 2019-07-24 22:16 wtaufpziv 阅读 (352) 评论 (0) 编辑
摘要:通过react-redux和redux实现react组件之间的通信,reducer、action、store都编写正确,mapDispatchToProps也能正确传值.唯独mapStateToProps的return出现了问题 reduce action connect绑定 组件渲染 本来的需求是 阅读全文
posted @ 2019-07-11 10:09 wtaufpziv 阅读 (300) 评论 (0) 编辑
摘要:最近用react写项目的时候,开始复习之前学过的redux,记录一下一些坑,以防忘记 我现在的redux目录下有这么些东西 首先是index.js 然后是player.js 然后是封装的actioncreater和actiontype 现在一切正常,当更改store触发函数后打印此时的sotre.g 阅读全文
posted @ 2019-07-10 21:09 wtaufpziv 阅读 (114) 评论 (0) 编辑
摘要:添加播放状态,首先是歌曲名称和时间 在index.html中添加 然后调用audio自带的歌曲加载完毕事件函数和当前播放时间函数 再编辑渲染播放状态函数和播放时间更新函数 到这里播放状态功能就已实现,但需要注意的是audio自带的歌曲长度和当前播放长度是以秒为单位,需要通过一定的算法转换为分秒的形式 阅读全文
posted @ 2019-06-15 19:48 wtaufpziv 阅读 (31) 评论 (0) 编辑
摘要:实现主页面的播放器功能 定义变量 将allTrack是赋值语句加入监听函数 给承接列表的总div设置一个点击事件 由于这里使用的事件冒泡,故需要判断当前点击的逻辑 编辑点击事件函数 往MusicDataStore的DataStore封装类中添加删除功能,封装类详情在前面的博客中 往main.js中添 阅读全文
posted @ 2019-06-15 18:51 wtaufpziv 阅读 (50) 评论 (0) 编辑
摘要:主页面列表的渲染 首先是main.js页面发送列表信息给index.js 在createWindow函数中添加: 然后是每次添加音乐也要重新渲染 index.html页面的构建,这里使用了一个图标库 同时里面已经有一个div盒子 编辑index.js 阅读全文
posted @ 2019-06-15 13:11 wtaufpziv 阅读 (29) 评论 (0) 编辑
摘要:这一节完善点击添加按钮,add.js发送消息给主进程,主进程缓存保留音乐信息并命令index.js页面进行渲染的整块逻辑 之前已经给导入音乐按钮添加了id为add-music,所以直接编辑ad.js 之后在main.js中添加ipc监听事件 阅读全文
posted @ 2019-06-15 12:38 wtaufpziv 阅读 (38) 评论 (0) 编辑
摘要:封装存储音乐地址信息缓存的类 新建一个MusicDataStore.js,由于要给不同的音乐在存储时设置id,所以先引入uuid模块 之后编辑这个类 阅读全文
posted @ 2019-06-15 11:01 wtaufpziv 阅读 (48) 评论 (0) 编辑