文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    如何同时运行多个React Native、8081端口占用问题

    当我们运行一个React Native项目的时候，React Native会启动一个默认端口号为8081的本地服务，该8081的服务就是React Native项目的一个本地服务器，用于提供JSBundle...8081的服务； 如果你想同时运行多个React Native项目； 如果你好奇React Native的默认8081是如何设置的，想修改它； 修改React Native监听端口 启动React Native...服务默认会监听8081端口，那么如何修改这个默认的端口呢？...image.png AndroidInfoHelpers.png 如何同时运行多个react native项目 因为端口绑定的缘故，默认情况下react native是不支持同时运行多个项目的。...关于如何为不同项目分配端口号，查看上文 [修改React Native监听端口](#修改React Native监听端口) 的教程即可。

    2.7K30

    使用react-native实现一个音乐播放器

    3.未拉取 ? 4.点击歌集播放音乐 ? 5.添加歌集页面 ?...关于项目中碰到的难点: 确实好久没玩react-native 都不知道现在的生态是如何的了,不过这一整个项目下来,给我的感觉就是生态很完善,有很多的组件人家都帮你写好了. 难点1: 关于语言的选择....我想说的是,在最开始的时候,我有尝试过flutter,我也有认真的去学习他的语法知识,就是为了简单的写出几个列表,最后也写出来了.但是当我真正准备去开发这个app的时候,问题来了,如何获取本地的音乐列表呢...最开始的时候 安装了一个最新版本的react-native,0.6几的,发现一个核心组件库(react-native-get-music-files)不支持,后面github上一个,已经2年没更新了.只能使用...还有其它的,不过大部分问题都是版本的问题,不是react-native对不上当前运行的java环境,就是gradle 版本对不上当前的react-native版本,在后面打包生成apk的时候在使用android

    2.6K10

    React Native热更新方案

    而就在前不久，苹果严禁WaxPatch、JSPatch等热修复框架，不过庆幸的是采用Js热更新的React Native似乎并可没有收到多大影响。...热更新作为React Native的优势之一，相信很多人在选择使用React Native来开发应用，也是因为React Native具有的热更新特性。...热更新原理 React Native的热更新并不像原生应用更新那么复杂，React Native的热更新更像原生App的版本更新。用一个流程图表示的话如下： ?...pushy uploadApk android/app/build/outputs/apk/app-release.apk 发布热更新版本 你可以尝试修改一行代码(譬如将版本一修改为版本二)，然后生成新的热更新版本...要解决这个问题，主要有两个方案：1、将 js 源码中的逻辑进行修改，都从 res 中读取资源；2、将 React Native 使用到的资源打包到本地，跟随 jsbundle_*.zip 发布。

    9.5K70

    最新React Native环境搭建(从0到打包APK)

    React Native 之旅 React Native 踩坑开始 5.1 假期 就这样短暂的结束了，你都干啥了？ ，我嘛加了3天班，你们呢？...最近公司有个React Native 项目，不得不学习下RN了。由于之前学过React，学React Native 过程还算可以，不太艰难。...React Native 支持热更新 这样很方便我们开发APP 中调试， 数据改变， 视图同时改变。...打包项目 由于我是Windows 环境，在这里就只介绍 如何打包 Android APK 文件了。 IOS 打包 去官方读文档也可以，文档可能对国人不太友好，纯英文，翻译工具可以帮到我们。 ​...打包成功，它会提供一个链接，去这个链接你就可以下载打包后的APK 文件 ​ 下载APK 显示效果 到此该结束了 本章介绍了，如何配置React Native 环境， 以及EXPO 神器如何使用，

    4.3K00

    最新React Native环境搭建(从 0 到 打包APK)

    React Native 之旅 React Native 踩坑开始 ★5.1 假期 就这样短暂的结束了，你都干啥了？ ，我嘛加了3天班，你们呢？...最近公司有个React Native 项目，不得不学习下RN了。由于之前学过React，学React Native 过程还算可以，不太艰难。...” React Native 支持热更新 ★这样很方便我们开发APP 中调试， 数据改变， 视图同时改变。...” 打包项目 ★由于我是Windows 环境，在这里就只介绍 如何打包 Android APK 文件了。 IOS 打包 去官方读文档也可以，文档可能对国人不太友好，纯英文，翻译工具可以帮到我们。...” 打包成功，它会提供一个链接，去这个链接你就可以下载打包后的APK 文件 下载APK 显示效果 到此该结束了 ★本章介绍了，如何配置React Native 环境， 以及EXPO 神器如何使用

    3.3K30

    React v17.0 正式发布！

    并且，在 React 17 之前，如果在同一个页面上使用不同的 React 版本（可以这么做，但是有风险），会导致事件问题的出现，会有一些未知的风险。 我们正在修复 React v17 中的许多问题。...加载两个版本的 React，仍然不是理想方案 —— 即使其中一个版本是按需加载的。但对于那些长期未维护的大型应用来说，这意义非凡，React v17 开始让这些应用不会被轻易淘汰。...此图展示了 React 17 如何将事件连接到根节点而非 document 经核实，多年来在 issue 追踪器 上报告的许多问题都已被新特性解决，其中大多与将 React 与非 React 代码集成有关...React Native React Native 会有一个单独的发布计划。目前，我们预计对 React v17 的支持会在 React Native 0.65 中落地，但具体版本可能会有出入。...（@sebmarkbage 提交于 #18448） 修复输入内容可能被更新被丢弃的 bug。

    1.3K30

    如何从零高效的开发一款适配 Android 和 iOS 的移动端App

    我们在选择 flutter 和 React Native 的时候，需要考虑以下几个关键因素：团队成员的经验：如果你的团队已经熟悉 JavaScript 和 React，那么使用 React Native...社区和生态系统：React Native 由于早于 Flutter 出现，所以其社区更加成熟，拥有更多的第三方库和工具。这可能会在解决特定问题或者寻找特定功能的库时更加方便。...，那么 react native 的研发效率会快很多。...Expo 快速研发 React Native App随着react native 诞生，以经历过一段不短时间的发展，有些 react native 配套的快速开发框架也随之出现，其中 expo 就是里面的翘楚...一个小插曲，此时，我们发现 expo 的库有了更新，你可以选择忽略，但还是建议你执行npx expo install --fix去更新下，一般expo 是因为修复某些 bug，版本会相对来讲更加稳定，

    2.2K00

    通过几个简单的修改，我们减少了React Native app 60%的大小

    庆幸地是，我们能够在灰度发布阶段测试出来这个问题。但是这个问题非常容易漏掉因为在本地或者构建apk时都不会出现。...最大的一项就是React Native JavaScript bundle。目前还没有办法拆分或者动态加载它，但是稍后我们将介绍如何缩小它。...优化React Native JavaScript bundle 现在我们完成了本机资源的优化，是时候去分析JavaScript bundle....Bundle分析 为了决定如何减少bundle的大小，首先，我们需要能够看到什么占用了最大的空间。为此，我们将依靠另一个非常好的开源工具：react-native-bundle-visualizer。...意味着我们的用户可以有更快的app启动速度和更新下载。 ? 经过所有这些改进之后，我们再次将app上传到Play Store。现在显示，我们最后的APK大小只有10.5到13.7MB。

    2.6K20

    React Native性能优化：应该做和不应该做的

    Native去实际开发移动端应用的时候，性能是一个重要的问题。...React Native默认情况下的性能是没有问题的，但是在实际开发React Native的时候，我们也可能会遇到一些性能相关的问题。 这些问题是很难通过组件本身修复去解决的。...在这篇文章中，我们会提供一些建议来优化开发React Native遇到的一些性能问题。 使用Image缓存解决方案 React Native在自带的组件库中提供了Image组件，可以用例展示图片。...但是这个组件没有解决以下这些问题的开箱即用的解决方案： 屏幕中渲染大量图片 一般情况下性能比较低 从缓存中加载性能比较低 会有加载闪烁 React Native中的Image组件处理缓存图片的时候会像web...可以通过使用第三方库react-native-fast-image来解决上面的这些问题。

    4.1K30

    React Native 在卖菜公司的落地之路

    综合考虑下最终我们还是采用了React Native进行开发。 RN版本 在使用React Native的过程中首先遇到的就是版本问题。...要是每次更新都使用新版本开发，就会非常麻烦，而且作为一个新兴的框架，每次更新不仅会修复以前的BUG，同时还会产生新的BUG。...热更新 无论是使用RN还是原生开发App，都需要通过应用商店来更新应用。为了应对业务快速迭代问题，就需要用到React Native的热更新特性。...对React Native有初步了解的开发人员应该都知道RN实际上可以简单地被分为两部分，一部分是Js ，一部分是Native（Java/OC）。...有问题可以在评论区讨论，以上为所有分享内容，谢谢大家！ 推荐文章 百度脑图解析：如何进行web复杂应用的渐进式开发 MVP“变形记”，苏宁移动开发的架构演进！

    67450

    Android 增量更新和升级

    虽然网上将热修复的文章很多，不过我还是想说原理，然后配合代码，我想这样大家理解更加深刻。 原理 其实就是用ClassLoader加载机制，覆盖掉有问题的方法。...那么我们热修复的原理就是用新的dex去替换有问题的dex，这里借用qq团队的一张图，可能更方便的说明热修复的原理。...），客户端更新的时候只需要下载差分包到本地，然后从system/app取出旧版本APK，通过差分包来合成新版本的APK，这个过程实际上就是打补丁。...这个实际上应该是在服务端完成 打补丁 通过差分包及旧版本APK生成新版本APK 安装新版本APK 安装生成的新版本APK 获取某个应用的APK安装文件 在真正的增量更新过程中，旧版本Apk应该从/data..., String newApkPath, String patchPath); } 这里用到了一个ndk，如果有需要了解如何生成动态库文件的可以访问下面的点击打开链接 ?

    1.9K90

    新版React Native 混合开发(Android篇)

    以上这些都属于React Native混合开发的范畴，那么如何进行React Native混合开发呢？...React Native混合开发的教程我们分为上下两篇，上篇主要介绍如何在现有的Android应用上进行React Native混合开发，下篇主要介绍如何在现有的iOS应用上进行React Native...添加React Native所需要的依赖 在上文中我们已经创建了个一个React Native项目，接下来我们来看一下如何将这个React Native项目和我们已经存在的Native项目进行融合。...:react-native:0.x.x” 的错误出现，没有错误则说明配置正确，否则说明配置路由有问题。...我在之前发表过React Native发布APP之签名打包APK的博文， 需要的同学可以去看一下，在这篇文章中就不在重复了。

    7.3K30

    Jenkins的Pipeline脚本在美团餐饮SaaS中的实践

    当然，如果有项目集成了React Native，还需要构建JsBundle。...在Native修改以后，JsBundle不一定会有更新，如果是构建Native的时候一起构建JsBundle，就会造成很多资源浪费。...并且直接把JsBundle这类大文件放在Native的Git仓库里，也不是特别合适。本文是分享一种Pipeline的使用经验，来解决这类问题。...当遇上React Native 当项目引入了React Native以后，因为技术栈的原因，React Native的页面是由前端团队开发，但容器和原生组件是Android团队维护，构建流程也发生了一些变化...当项目集成了React Native时，配合Pipeline，我们可以把JsBundle的构建产物上传到MSS归档。在构建Native的时候 ，可以动态地下载。

    1.5K20

    Jenkins 的 Pipeline 脚本在美团餐饮 SaaS 中的实践

    当然，如果有项目集成了React Native，还需要构建JsBundle。...在Native修改以后，JsBundle不一定会有更新，如果是构建Native的时候一起构建JsBundle，就会造成很多资源浪费。...并且直接把JsBundle这类大文件放在Native的Git仓库里，也不是特别合适。本文是分享一种Pipeline的使用经验，来解决这类问题。...当遇上React Native 当项目引入了React Native以后，因为技术栈的原因，React Native的页面是由前端团队开发，但容器和原生组件是Android团队维护，构建流程也发生了一些变化...当项目集成了React Native时，配合Pipeline，我们可以把JsBundle的构建产物上传到MSS归档。在构建Native的时候 ，可以动态地下载。

    1.2K20

    Flutter已经出世这么久了，原生开发者们是否应该有危机感？

    早在2015年Facebook推出React-Native框架时，就已经出现“react native会取代app原生开发吗”这样的疑问。...React Native（RN）发布于2015年，也是使用JavaScript语言进行跨平台APP的开发。...Write once, run everywhere”, weex的定义就像是：写个 vue 前端，顺便帮你编译成性能还不错的 apk 和 ipa（当然，现实有时很骨感）。...这种设计思想完美解决了不同平台的性能问题，并且关注的开发者数量和相关的教程的增长速度远超当时的React Native。 如何理性看待Flutter？...去 issue 区搜搜，xiaomi 和 huawei，至少每个关键词有100 个未解决的 issue 吧，skia 本身也有一些兼容性问题。

    2K20
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券