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.rhkb.cn/news/155723.html

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

相关文章

意大利航天飞行器公司【Sidereus】完成510万欧元融资

来源:猛兽财经 作者:猛兽财经 猛兽财经获悉,位于意大利萨莱诺的航天飞行器公司Sidereus Space Dynamics今日宣布已完成510万欧元融资。 本轮融资由Primo Space和CDP Venture Capital Sgr领投,通过Italia Venture II - Fondo Impr…

计算机网络 | 数据链路层

计算机网络 | 数据链路层 计算机网络 | 数据链路层数据链路层基本概念数据链路层功能概述 参考视频:王道计算机考研 计算机网络 参考书:《2022年计算机网络考研复习指导》 计算机网络 | 数据链路层 数据链路层基本概念 数据链路层功能概述 为网络层提…

服务器数据恢复-服务器硬盘指示灯黄灯闪烁的数据恢复案例

服务器数据恢复环境: 服务器面板上的硬盘指示灯显示黄色是一种警告,提示指示灯对应的服务器硬盘已经被服务器识别出存在故障,硬盘即将下线。如果出现这种情况,建议服务器管理员/运维人员及时用完好的硬盘替换显示黄色指示灯对应的…

win10 wsl安装步骤

参考&#xff1a; 安装 WSL | Microsoft Learn 一、安装wsl 1.若要查看可通过在线商店下载的可用 Linux 发行版列表&#xff0c;请输入&#xff1a; wsl --list --online 或 wsl -l -o> wsl -l -o 以下是可安装的有效分发的列表。 使用 wsl.exe --install <Distro>…

Kaadas凯迪仕助力亚运盛会,尽展品牌硬核科技与智能锁行业风采

9月23日至10月8日&#xff0c;亚洲最大规模体育赛事亚运会在杭州举办。作为国际性体育赛事&#xff0c;除赛中的各类竞赛项目外&#xff0c;杭州亚运会前后相关活动也吸引了大众目光的聚焦。 Kaadas凯迪仕智能锁作为此次杭州亚运会官方指定智能门锁&#xff0c;以#凯迪仕守护每…

第二证券:市净率高好还是低好?

市净率是一个衡量公司股票投资价值的指标&#xff0c;通过比较公司股票价格和公司每股净资产的比值来评估公司股票的估值水平。市净率高好还是低好这个问题并没有一个简单的答案&#xff0c;取决于具体的市场环境和投资者的需求。本文将从多个角度分析市净率高好还是低好。 首…

百度小程序制作源码 百度引流做关键词排名之技巧

百度作为国内最大的搜索引擎&#xff0c;对于关键词排名和流量获取的策略格外重要&#xff0c;下面给大家分享一个百度小程序制作源码和做百度引流、关键词排名的一些技巧。 移动设备的普及和微信小程序的火热&#xff0c;百度也推出了自己的小程序。百度小程序与微信小程序类…

允许访问:掌握权限的艺术

回到20世纪&#xff0c;网络攻击更难实施&#xff0c;因为大多数计算机没有联网&#xff0c;互联网并不普及&#xff0c;只有少数人群可以访问计算机&#xff0c;更重要的是&#xff0c;没有足够的动机来进行攻击。 访问控制政策 而今天&#xff0c;情况完全不同。在糟糕的数据…

本地部署Element-Plus开发文档

访问Element-Plus文档官网的时候&#xff0c;时不时会很卡&#xff0c;直接卡死 https://element-plus.gitee.io/zh-CN/ 有点影响 CV 大法的施展&#xff0c;看了一下又是 gitee.io &#xff0c;而且开源的项目&#xff0c;找到文档搞下来本地部署就不用担心卡不卡的问题了 文章…

201、RabbitMQ 之 Exchange 典型应用模型 之 工作队列(Work Queue)

目录 ★ 工作队列介绍代码演示测试注意点1&#xff1a;注意点2&#xff1a; ★ 工作队列介绍 工作队列&#xff1a; 就是让多个消费者竞争消费同一个消息队列的消息&#xff0c;相当于多个消费者共享消息队列。 ▲ RabbitMQ可以让多个消费者竞争消费同一个消息队列 ▲ 消息队…

【新书推荐】AI时代,当程序员遇到ChatGPT,开发效率飞起来!

文章目录 ChatGPT为开发提速一、ChatGPT自动生成代码二、优化代码结构三、自动化测试四、智能推荐五、ChatGPT在开发中的实际应用六、总结 新书推荐《AI时代程序员开发之道&#xff1a;ChatGPT让程序员插上翅膀》内容简介作家简介目录获取方式 ChatGPT为开发提速 人工智能是当…

EDUSRC-记某擎未授权与sql注入

目录 360天擎 - 未授权与sql注入 信息收集 FOFA语法 鹰图搜索 360天擎未授权访问 - 数据库信息泄露 漏洞复现 修复方案 360天擎终端安全管理系统ccid处SQL注入 漏洞复现 手动测试方法 修复方案 360天擎 - 未授权与sql注入 通常访问的页面如下&#xff0c;存在登录框…

java 常量、变量、数据类型

常量 * 指在程序执行期间其值不能发生变化的数据。例如数学中的π 3.1415……又如&#xff1a;整数123&#xff0c;小 数1.23&#xff0c;字符’A’&#xff0c;布尔常量 true、false等&#xff0c;程序开发中&#xff0c;常量名一般规则全部大写&#xff0c;声明常量时必 须赋…

【深蓝学院】手写VIO第7章--VINS初始化和VIO系统--笔记

0. 内容 1. VIO回顾 整个视觉前端pipeline回顾&#xff1a; 两帧图像&#xff0c;可提取特征点&#xff0c;特征匹配&#xff08;描述子暴力匹配或者光流&#xff09;已知特征点匹配关系&#xff0c;利用几何约束计算relative pose([R|t])&#xff0c;translation只有方向&…

国际前十伦敦金交易app软件最新排行榜(信息汇总)

随着科技的发展&#xff0c;移动交易已成为的趋势。伦敦金交易也不再局限于桌面&#xff0c;而是越来越多地转移到手机上。 为了更好地展现软件的信息&#xff0c;本文将为大家介绍国际前十的伦敦金交易app软件最新排行榜。 1.金荣中国 金荣中国是知名的伦敦金交易平台&…

Flutter配置Android SDK路径

在使用VSCode作为开发Flutter的工具时&#xff0c;当选择调试设备时&#xff0c;通常看不到android的模拟器&#xff0c;只能看到Chrome之类的。 原因就是Flutter找不到Android的SDK路径&#xff0c;所以无法识别模拟器&#xff0c;我们用flutter doctor命令检查环境时&#xf…

Docker-harbor私有仓库部署与管理

搭建本地私有仓库 #首先下载 registry 镜像 docker pull registry #在 daemon.json 文件中添加私有镜像仓库地址 vim /etc/docker/daemon.json { "insecure-registries": ["20.0.0.50:5000"], #添加&#xff0c;注意用逗号结…

浅谈智能型电动机控制器在斯里兰卡电厂中的应用

摘要&#xff1a;传统的低压电动机保护是通过继电保护二次回路实现&#xff0c;但是我们结合电厂辅助控制设备的特点及其控制要求&#xff0c;推荐ARD2F智能型电动机控制器。以下综合介绍ARD2F智能型电动机控制器产品的特点及其智能化保护、测量、控制和通讯等。 Abstract: Th…

二叉树的遍历

递归实现二叉树的遍历 在遍历的过程中&#xff0c;每个节点都会遍历三次 二叉树的遍历 package binarytree;public class Traverse {public static class Node{public int value;public Node left;public Node right;public Node(int data){this.value data;}}public stati…

c++视觉图像----扩充边界

图像扩充边界 #include <opencv2/opencv.hpp> #include <opencv2/highgui/highgui.hpp>int main() {// 读取图像cv::Mat image cv::imread("1.jpg", cv::IMREAD_COLOR);if (image.empty()) {std::cerr << "Could not open or find the imag…