fans_x的博客

业务需求背景：由于业务中涉及到有视频播放的内容，所以就使用了video标签去做，但是video标签在ios 设备和安卓设备中的默认行为不一致，故记录下解决方法（折中办法）。

前段时间老板心血来潮，要我们前端组对整个的项目都做一下接口防止重复请求的处理（似乎是有用户通过一些快速点击薅到了一些优惠券啥的）。。。听到这个需求，第一反应就是，防止薅羊毛最保险的方案不还是在服务端加限制吗？前端加限制能够拦截的毕竟有限。可老板就是执意要前端搞一下子，行吧，搞就搞吧，you happy jiu ok。

react-native我先留着这东西，要是我觉得比这个好用我再把它移除了，就是这个想法，导致了后面的烦躁！我安装官网的指引引入了它所需要的依赖，然后重新运行，当时还没出啥毛病，我还尝试来着，结果到了再重新运行的时候它一直报错一直运行不起来，我也不知道那里错了(因为之前也有这种莫名其妙的错误出现)再加上错误信息一大堆(react-native 什么错误都是一大堆一大堆的根本不想看😥)，后面就开始清理缓存删除全部依赖重新引入(之前有一次是因为依赖的原因也导致了无法启动)，但是还是不行。最后实在没招了，下班！

在 react-native 项目打包时总会出现打包缓慢或者打包失败等一系列问题，这是因为 react-native 需要访问国外服务器下载东西，所以我们就使用国内的一些镜像就好了。这个错误是因为文件中没有导入 react 导致的，只需要文件中导入 react 就可以了。这样生成以后的图标文件就和项目中的差不多，只需要替换掉原来的就行。生成移动端各个平台所需尺寸的应用图标。打包后的 apk 将会在。

修改 babel.config.js。修改 tsconfig.json。引入 babel 插件。最后清理一下缓存再运行。

这里是下载 SDK ，最好都选上，我这里是无法选中只好下一步了，之后再弄。另外，SDK 路径最好也配置一下，放在其他盘。同时，这里 SDK 地址后面会在配置环境变量的时候用上，先记上。最后最后，一定记得确认应用保存，不要一下子就给关掉了，这样会导致根本没有保存，到时候就得重来了。这里需要注意的是：安装目录最好是其他盘，我这里只有 C 盘，所以就只好以 C 盘进行演示了。如果有正常有出现类似 x.x.x 的版本号，那就代表电脑有的。这里将三个内容都选择接受，方框中选中的也要继续，我这里就偷个懒。

在 src/App.tsx(原来根目录下的 App.tsx 已经移动到 src 下了)中导入 router。最后，在 src/screens 目录下引入页面文件 Test(其实就是原来 App.tsx 的示例文件)修改 src/index.js 的 APP.tsx 文件的路径。react-native-screens 需要配置。