当前位置: 首页 > article >正文

【笔记】React Native实战练习(仿网易云游戏网页移动端)

/**
* 如果系统看一遍RN相关官方文档,可能很快就忘记了。一味看文档也很枯燥无味,
* 于是大概看了关键文档后,想着直接开发一个Demo出来,边学边写,对往后工作
* 开发衔接上能够更顺。这期间肯定会遇到各种各样的问题,所以也算是一个积累
* 经验的小过程。
*/

        准备工作:直接在前面两篇笔记的项目基础上,然后随便找了个网易云游戏网页(在Google浏览器上打开调试模式,选择手机模式,网易云游戏网页正好有适配移动端)。

        网易云游戏:https://cg.163.com/#/game/recommend

        定个小目标,首先先看下四个模块原效果,当前项目本打算依赖Ant Design Mobile,看看不借助其他UI框架能碰到哪些问题。 

        打算将期间遇到的问题都记录下来,最后放上实际效果的视频或截图。

问题1:组件内如何使用React Navigation跳转页面?

在组件里直接拿不到navigation,当前做法是用React props组件传数据,将Home.tsx里的navigation向组件往下传。(# 那如果组件里的组件,嵌套N层呢,这个需要如何处理呢?我想有React/Vue开发经验的都晓得不能这样做,耦合太高了,而且维护起来还费头发#

忘了补充一个小知识点,这里可以自行选择是否可空(使用时要安全判断调用),其他地方使用组件就不会强制要传参而报错

截止2024-02-02->有空会陆续记录在文章里...


http://www.kler.cn/a/226484.html

相关文章:

  • Spring Bean 生命周期常见错误
  • 前端工程化之:webpack1-12(常用扩展)
  • ElementUI 组件:Container 布局容器实例
  • FreeRTOS任务挂起以及延时部分源码分析
  • C# Onnx yolov8 水表读数检测
  • Netty核心原理与基础实战(二)——详解Bootstrap 备份
  • Vue3_基础使用_2
  • vite, vue3, vue-router, vuex, ES6学习日记
  • JAVA Web 学习(四)RabbitMQ、Zookeeper
  • 2021-07-20 51单片机流水灯递增点亮
  • golang网络编程day4
  • 《苍穹外卖》知识梳理P4-异常处理
  • delete、truncate和drop区别
  • 深入理解指针(4)
  • 泰克示波器(TBS2000系列)触发功能使用讲解——边沿触发
  • Jenkins自动化打包
  • RISC-V指令格式
  • Java中indexOf() 方法详解
  • 【Uni-App】运行微信小程序时报错routeDone with a webviewId 2 that is not the current page
  • 全面认识DOS系统