React Native从0到1开发一款App

先贴上项目地址,有需要的大佬可以去github看看:

WinWang/RNOpenEye: React Native(0.72)版本开眼OpenEye项目 (github.com)

React Native(0.72)版本OpenEye项目,主要用来熟悉并上手RN项目的开发,是FlutterOpenEye项目的RN版本

1、项目整体基于ts开发,使用react-navigation6作为路由管理,使用axios作为网络请求库
2、基于axios+hooks(useRequestStatus)封装页面通用状态(加载中、加载失败、网络错误、空数据、加载成功)
3、封装StateComponent组件,用来处理页面通用状态和骨架屏展示-具体参照homePage demo运用
4、视频播放以及视频列表播放功能
5、页面路由基本使用和封装
6、封装图片加载组件,支持图片加载占位功能

其他一些学习练手的项目

Flutter版本开眼App链接(getx+retrofit+dio+jsonserialize+自定义控件demo):GitHub - WinWang/open_eye: Flutter 开眼APP:整体项目架构基于Getx搭建,完成路由,依赖注入;网络请求框架基于Retrofit+Dio实现,配合官方JsonSerialize实现解析;封装项目页面多状态(加载中,成功,失败,空数据);封装列表页面下拉刷新+上拉加载更多等,同时示范了多Base URL的使用示范和Flutter自定义绘图的示范;具体更多内容,请下载项目了解更多(感谢FlutterBlog(https://github.com/jhflovehqy/flutter_bolg_manage)和OpenEye(https://github.com/abcd498936590/flutter_eyepetizer.git)项目给予的参考)

Flutter版本的音乐播放App链接(getx+retrofit+dio):GitHub - WinWang/music_listener: Flutter网络音乐播放器(getx+retrofit+dio+jsonserialize)

React版本的开眼App链接(React18+React-Vant+Mobx+axios):GitHub - WinWang/react-oepn-eye: 该项目是React版本开发的开眼App-web版本,主要目的是用来学习上手React项目实践,接口和UI基本参照以前开发的Flutter OpenEye项目主体基于React18+React-Vant+Mobx+axios开发完成,非常适合新手了解和学习用React开发一款移动端App;该项目涉及 React移动端屏幕适配,axios网络拦截器的使用,React父子组件传参回调,Mobx6在React函数编程中的运用,React路由监听等等

Vue2版本WanAndroid项目链接(Vue2+vuex+vant+axios):GitHub - WinWang/Vue-WanAndroid: Vue版本WanAndroid项目,项目基于Vue2+Vant整体开发,项目中 实现了屏幕适配(rem+postcss方式)以及基于axios+Promise封装网络请求,在App.vue层控制页面生命周期和动画等,适合入门小白上手

Vue3版本WanAndroid链接(vue3+typeScript+pinia+vant+vite):GitHub - WinWang/vue3-wanandroid: Vue3+vant4+axios+pinia+ts+vite项目(Wan-Android)

Android组件化项目ReadingGallery链接(jetpack+kotlin+koin+couroutine):GitHub - WinWang/ReadingGallery: 本项目基于Jetpack组件开发的MVVM组件化项目,内容包含Kotlin+Koin(依赖注入)+coil(图片加载)+couroutine(协程)+ViewModel+LiveData+ViewBinding+DataBinding,组件化通信基于阿里Arouter开源框架,使用了腾讯API去中心化方案,降低代码耦合。 内部封装了具有网络请求和生命周期感知能力的自定义组合View,针对单页面多接口场景比较实用,目前已在生产项目中运用半年多时间,具体可见项目中BaseVBViewComponent 内部可以根据使用爱好选择Viewbinding还是DataBinding,都在基类做了对应集成,viewmodel同时也可以按自己喜好是否使用koin注入对应View层

Android组件化项目初始化工具ApplicationInit链接(gradle-plugin+注解APT+ASM) :GitHub - WinWang/ApplicationInit: 组件化项目初始化工具--通过注解,方便实现组建隔离情况下各个模块SDK初始化调用时序的问题,通过APT生成模块调用初始化代码,通过注解参数propertie控制注解初始化模块初始化优先级

下载链接 开眼-RN

项目运行截图展示

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/132586.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

nodejs+vue+elementui实验室预约管理系统

简单的说 Node.js 就是运行在服务端的 JavaScript。 前端技术:nodejsvueelementui 前端:HTML5,CSS3、JavaScript、VUE实验室如何适应新的时代和新的潮流,开展有效的信息服务工作,完成时代赋予的新使命?本文就这一问题谈谈几点粗浅的看法.扩大业务范围,更…

栈的运行算法

一&#xff0c;顺序栈的静态分配 二&#xff0c;顺序栈的动态分配 #include<stdio.h> #include<stdlib.h> #define initsize 5 #define incresize 5typedef struct Sqstack{int *base;int *top;int stacksize; }Sqstack;void InitStack(Sqstack *s){(*s).base(int…

MNIST字符识别(C++)

构建网络 采用官方示例的的lenet网络 训练 相关文件都已编译好&#xff0c;下载后执行命令即可 .\caffe-bin.exe train --solver .\lenet_solver.prototxt 识别 #include <caffe/caffe.hpp>#include <opencv2/core/core.hpp> #include <opencv2/highgui/hi…

echarts画电压线

ChartLibhttp://chartlib.datains.cn/detail?idx0R9f3tOqMExamples - Apache EChartsApache ECharts&#xff0c;一款基于JavaScript的数据可视化图表库&#xff0c;提供直观&#xff0c;生动&#xff0c;可交互&#xff0c;可个性化定制的数据可视化图表。https://echarts.ap…

对验证码的识别爆破

声明&#xff1a;该系列文章首发于公众号&#xff1a;Y1X1n安全&#xff0c;转载请注明出处&#xff01;本公众号所分享内容仅用于每一个爱好者之间的技术讨论及教育目的&#xff0c;所有渗透及工具的使用都需获取授权&#xff0c;禁止用于违法途径&#xff0c;否则需自行承担&…

BN体系理解——类封装复现

from pathlib import Path from typing import Optionalimport torch import torch.nn as nn from torch import Tensorclass BN(nn.Module):def __init__(self,num_features,momentum0.1,eps1e-8):##num_features是通道数"""初始化方法:param num_features:特征…

为Yolov7环境安装Cuba匹配的Pytorch

1. 查看Cuba版本 方法一 nvidia-smi 找到CUDA Version 方法二 Nvidia Control Panel > 系统信息 > 组件 > 2. 安装Cuba匹配版本的PyTorch https://pytorch.org/get-started/locally/这里使用conda安装 conda install pytorch torchvision torchaudio pytorch-cu…

LeetCode416 分割等和子集

题目&#xff1a; 、 分析&#xff1a; 因为分割的子数组&#xff0c;不连续&#xff1b;所以双指针、栈&#xff0c;一般不适用&#xff0c;分析起来很像是DP问题。 思路&#xff1a; https://www.imooc.com/article/300277 代码&#xff1a; //TODO 这题有难度

如何在C++项目中用C#运行程序调试C++ DLL

问题描述 在C#项目中调用C DLL时报错或者运行结果不符&#xff0c;此时需要运行C#项目并在C中加入断点进行调试 项目准备 项目一&#xff1a;C#项目&#xff08;该项目调用C DLL&#xff09;项目二&#xff1a;C项目&#xff08;生成C DLL&#xff09; 这两个项目不需要在同…

【web实现右侧弹窗】JS+CSS如何实现右侧缓慢弹窗动态效果『附完整源码下载』

文章目录 写在前面涉及知识点页面效果1、页面DOM创建1.1创建底层操作dom节点1.2 创建存放弹窗dom节点 2、页面联动功能实现&#xff08;关闭与弹出&#xff09;2.1 点击非右侧区域实现关闭2.2 点击叉叉及关闭按钮实现关闭功能 3、完整源码包下载3.1百度网盘3.2 123云盘3.3邮箱留…

基于若依ruoyi-nbcio支持flowable流程增加自定义业务表单(二)

更多ruoyi-nbcio功能请看演示系统 gitee源代码地址 前后端代码&#xff1a; https://gitee.com/nbacheng/ruoyi-nbcio 演示地址&#xff1a;RuoYi-Nbcio后台管理系统 之前讲了自定义业务表单&#xff0c;现在讲如何与流程进行关联 1、后端部分 WfCustomFormMapper.xml &…

【SoC FPGA】HPS启动过程

SoC HPS启动流程 Boot ROMPreloaderBoot Loader HPS的启动是一个多阶段的过程&#xff0c;每一个阶段都会完成对应的工作并且将下一个阶段的执行代码引导起来。每个阶段均负责加载下一个阶段。第一个软件阶段是引导 ROM&#xff0c;引导 ROM 代码查找并且执行称为预加载器的第 …