React Native小白入门学习路径——三

迷茫,真的迷茫。

或许是自己努力的还不够吧,在学习的过程中遇到了很多问题,自己尝试借助搜索引擎解决问题,无奈国内的教程写的还很基础,涉及到稍微具体一点的问题时讲解就比较少更新也比较慢,绝大多数还是很早之前的版本下的处理方式。满满的还总结出一个结论,绝大多数讲入门的教程都还是停留在2016年,大概是RN刚火起来的时候吧,大家都会把自己的经验总结出来。自己在RN社区里找到的一些技术大牛也没有看到一个比较友好的入门教程。无奈只能跟着RN的官方文档来学习(英语水平有限,英文原版文档看的比较慢)。


本周进度

  • 看完了RN官方中文文档的入门基础部分,并把所学的几个基础在之前的Demo中集成实现,通过尝试DIY了FlatList,ScrollView,SectionList几个基础组件。
  • 通过Github找了一个比较全并且有在一直更新的的学习指南,准备以后跟着这个指南先学习。
reactnativecn/react-native-guidegithub.com
  • 在上手调试时发现自己对Flex布局还是不够了解。在SegmentFault上找到一个详细讲解RN布局的文章打算慢慢啃完。
人类身份验证 - SegmentFaultsegmentfault.com
  • 完成了自己的第一个技术类博客,开始记录自己的爬坑过程。虽然写的东西都还很浅显,但是也算是一个开始吧。
ReactNative 常见红屏黄屏及终端报错
  • 进行第一次实验室进程展示,简单介绍了学长们交接的项目(自己对这个项目的理解还存在很多问题)。
  • 看完了官网中的进阶指南部分,并将之集成实现在自己的Deme中。

遇到问题

这一周都是问题,都他妈的问题啊!看到的就都是问题。
  • 在NavigationDemo上添加新Page之后设置标题位置出现问题
相同参数显示的标题不同

正在参考Custom navigators · React Navigation (v2)尝试解决。

  • 在编译运行过程中遇到很多问题,我把一些比较典型的或花费了比较长时间去解决的问题通过博客记录了下来
ReactNative 常见红屏黄屏及终端报错 - CSDN博客blog.csdn.net

  • Image组件的图片大小自适应还存在问题。尝试过reSize属性修改和Flex布局,但仍未达到想要的效果。

计划安排

  • 开始理解前辈交接的项目,先理解结构目录,明白这个项目的结构组成和运行原理。同时可以在这个过程中学习一个完整RN项目从设计到开发的完整过程。
  • 找到了RN中文官网提供的视频教程资源,准备开始跟着视频系统学习(预计持续一个月左右)
听晴明老师从头讲React Nativeke.qq.com

结语

我是一个快乐小码农~~~我要坚强。。。。不许哭。嘤嘤嘤

原文地址:https://www.cnblogs.com/YooHoeh/p/9095411.html