(零) React Native 项目开发拾遗

一位离职的前端同事,最近接了个 React Native 的活儿,遇到许多搞不定的问题,于是找到我帮忙"补课"(没有系统的学习 React Native,也不具备原生 AndroidiOS 开发基础知识)。

此前带过另一位前端同事入门 React Native 开发,有段时间甚至一天得花一两个小时,专门视频连线手把手传帮带,帮忙解决各种疑难杂症。

这可能是纯前端开发小伙伴,刚开始接触 APP 开发最头痛的一段。不管是 React Native 还是 Flutter,虽然都号称跨平台开发,但如果没有相应平台(AndroidiOS 等)的开发基础,还是很难深入的。一般会卡在下面这些问题上:

  1. 开发环境的搭建和修改,可能涉及到 JDKMavenRubyGemsCocoaPods 等;
  2. AndroidiOS 项目的一些配置,如 build.gradleAndroidManifest.xmlInfo.plistPodfile 等;
  3. Android StudioXCode 的使用;
  4. AndroidiOS 原生代码的修改,包括 Java/KotlinObjective-C/Swift
  5. C/C++ 源码编译问题的处理;
  6. 命令行工具的使用,如 Shell 脚本编写、ADB 的使用、react-native run-* 命令的使用等;
  7. 调试工具的使用,如 FlipperDevToolsReactotron 等;
  8. 各种原生相关的三方库依赖问题处理;
  9. 由各种缓存所引发的问题处理;

另外,可能还会遇到诸如切换/点击响应很慢、画面卡顿 等问题,感觉上没有原生的看上去丝滑。很多人会归咎于非原生,然而大部分时候并非如此。很可能是由于不明白相应的原理,导致写的代码执行效率太差。这是很大一部分纯前端小伙伴的通病。

时间精力允许的情况下,会在这里记录一些相应的问题解决方法。

相关推荐
行者966 分钟前
Flutter适配OpenHarmony:国际化i18n实现中的常见陷阱与解决方案
开发语言·javascript·flutter·harmonyos·鸿蒙
千里马学框架9 分钟前
如何改进车载三分屏SplitScreen启动交互方式?
android·智能手机·分屏·aaos·安卓framework开发·车载开发·3分屏
wey60812 分钟前
fiuckjs 基于react的flutter动态化方案
flutter
孟无岐1 小时前
【Laya】Laya 类使用说明
typescript·游戏引擎·游戏程序·laya
墨狂之逸才2 小时前
React Native Hooks 快速参考卡
react native
墨狂之逸才2 小时前
useRefreshTrigger触发器模式工作流程图解
react native
墨狂之逸才2 小时前
react native项目中使用React Hook 高级模式
react native
REDcker2 小时前
Android WebView 版本升级方案详解
android·音视频·实时音视频·webview·js·编解码
麦兜*2 小时前
【springboot】图文详解Spring Boot自动配置原理:为什么@SpringBootApplication是核心?
android·java·spring boot·spring·spring cloud·tomcat
le1616162 小时前
Android 依赖种类及区别:远程仓库依赖、打包依赖、模块依赖、本地仓库依赖
android