(零) 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. 由各种缓存所引发的问题处理;

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

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

相关推荐
消失的旧时光-19438 分钟前
Flutter 并发编程全解:从零掌握 Isolate
flutter
好好学习啊天天向上11 分钟前
Android Studio 撕开安卓手机投屏
android·智能手机·android studio
某柚啊17 分钟前
iOS移动端H5键盘弹出时页面布局异常和滚动解决方案
前端·javascript·css·ios·html5
Damon小智21 分钟前
仓颉 Markdown 解析库在 HarmonyOS 应用中的实践
华为·typescript·harmonyos·markdown·三方库
Cxiaomu31 分钟前
React Native 项目中 WebSocket 的完整实现方案
websocket·react native·react.js
Android-Flutter1 小时前
android - JPG图片转换HDR图片,heic格式
android
诸神黄昏EX8 小时前
Android Build系列专题【篇四:编译相关语法】
android
西西学代码8 小时前
Flutter---EQ均衡器
flutter
雨白11 小时前
优雅地处理协程:取消机制深度剖析
android·kotlin
leon_zeng011 小时前
更改 Android 应用 ID (ApplicationId) 后遭遇记
android·发布