RN 开源项目

已于 2024-05-16 22:10:34 修改
阅读量764 收藏 30
点赞数 21
分类专栏： 程序员 文章标签： 开源 react native react.js
于 2024-05-16 22:07:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84408814/article/details/138976820
版权

|

| 7 | react-native-sudoku | 用React Native写的数独游戏 |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 8 | react-weather | 精致的天气类App |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 9 | hackerweb-native | 简单的新闻类软件 |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 10 | react-native-OneLess | 使用React Native模仿ONE的App，完成度挺高 |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 11 | JueJinClient | 仿掘金客户端 |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 12 | react-native-cnblogs | RN编写的博客园客户端 |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 13 | shopping-react-native | 一个商城类的RN项目 |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 14 | ZhiHuDaily-React-Native | 仿知乎日报 |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 15 | A-ReactNative-TesterHome | 社区咨询类App |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 16 | im.js | 一个基于 react-native + mobx + socket.io + node 的仿微信 JS-Wechat |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 17 | House | 用react native写的一个html5项目，由于时间关系，完成的比较粗糙，请多多指教，大神勿喷_ |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 18 | Poplar | A social networking application written by React Native |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 19 | HelloRN | 适合入门学习的demo，适配android ios， 有网页、图片、音乐、地图等功能 |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 20 | elm-react-native | RN写的饿了么，还原度相当高，实现了各类动效，高度推荐 |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 21 | BIGTIGER.ME | 一个使用React Native制作的个人博客客户端，已上架App Store |

此处无图

|

|

22 |

RNMars |

React-Native写的V2EX社区App |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 23 | zqc-app-demo | 在球场App，已上线，官网：https://www.zaiqiuchang.com/ |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 24 | react-native-quan | 一个很简单的RN新闻应用 |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 25 | YCool | 小说阅读APP |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 26 | SnapChat | （VctrySam）仿 SnapChat，国外一哥们VctrySam，用RN仿写了国外几个比较流行的App，后面几个都是他写的 |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 27 | Tinder | （VctrySam）仿 Tinder,国外的探探 |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 28 | AirBnb | （VctrySam）仿 Airbnb |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 29 | whatsapp | （VctrySam）仿 whatsapp |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 30 | Over18s | （VctrySam）仿 Over18s。别问我，我也不知道这是什么软件 | 此处无图 |

| 31 | TicTacToe | （VctrySam）仿 TicTacToe | 此处无图 |

| 32 | game1 | （VctrySam）仿 game1 | 此处无图 |

| 33 | hackathon1 | （VctrySam）仿 hackathon1 |

|

| 34 | do-app | （VctrySam）待办事项清单App | 此处无图 |

| 35 | DragonBall | （VctrySam）一个游戏 |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 36 | Youtube | （VctrySam）仿 Youtube |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 37 | Twitter | （VctrySam）仿 Twitter |

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

| 38 | FCBarca | （VctrySam）仿 FCBarca |

最后

由于文章篇幅原因，我只把面试题列了出来，详细的答案，我整理成了一份PDF文档，这份文档还包括了还有 高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料 ，帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习。
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
ter |

[外链图片转存中…(img-60qy9qJU-1715868445805)]

|

| 38 | FCBarca | （VctrySam）仿 FCBarca |

最后

由于文章篇幅原因，我只把面试题列了出来，详细的答案，我整理成了一份PDF文档，这份文档还包括了还有 高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料 ，帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习。
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！

2401_84408814
关注
  • 21
    点赞
  • 踩
  • 30
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
5000字的React-native源码解析
petertanjinjie的博客
06-22 1089
写在开头近期公众号主攻下React-native,顺便我也复习下React-native,后续写作计划应该是主攻Node.js和跨平台方向、架构、Debug为主如果你感兴趣，建议关注下公...
React Native之底层源码分析篇
热门推荐
u014486880的博客
05-30 1万+
学习React-Native有一段时间了。今天就从源码的角度来分析下React-Native底层的通信机制。了解下底层是如何通信的对开发也有所好处。概要先大概讲一下React-Native的通信过程。RN主要的通信在于java与js之间，平常我们写的jsx代码最终会调用到原生的View。上一篇博客我们也了解到了要新建一个原生模块需要在java层和js层分别写一个Module，那这彼此之间联系是如何实
Flutter女装商城实战(含源码)
04-04
课程目标本课程以实战案例的方式带领大家如何编写一个复杂的App。课程简介Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的用户界面。本课程以实战案例的方式带领大家编写Flutter女装商城案例。案例中使用了真实的开发接口，采用工程化开发标准开发。
React Native八大Demo
08-02 518
参考资料：http://www.cnblogs.com/shaoting/p/7148240.html 下一个项目公司也打算使用react native.大致看了下原型设计,写几个小demo先试试水.特此记录下. 1.微信及朋友圈分享.QQ及朋友圈分享,微博分享,微信支付,支付宝支付. 2.导航条渐隐 3.通讯录 4.卡片式轮播 5.时间轴 6.图片+列表的组合效果 ...
React.FC详细解说
11-01 1万+
（2）useState很简单，就相当于class函数式组件中的state，useState(值)，其中的值表示初始化 值，date表示接收值，setDate表示设置值。对于返回类型是显式的，而普通函数版本是隐式的（否则需要附加注释）。提供了类型检查和自动完成的静态属性：displayName。FC就是FunctionComponent。的，取而代之的是useState()React.FC4.我们使用React.FC。是一个函数式组件，是在。等 Hook API。组件的时候，是不能用。
react-native官网提供的 Demo AwesomeProject
最新发布
张火火
12-01 704
官方 demo 虽然不完整，但却是一个很好的开始。介绍完官方 Demo（包括环境配置）
reactNative游戏app实例源码
01-27
用reactnative开发的游戏app源码，适合新手入门学习使用，演示了常用组件的使用方法，是新手入门的绝佳例子
ReactNative iOS源码解析（一）
majiakun1的专栏
10-20 1831
相关系列文章 ReactNative iOS源码解析（一）ReactNative iOS源码解析（二）Talk about ReactNative Image Component 本篇前两部分内容简单介绍一下ReactNative，后面的章节会把整个RN框架的iOS部分，进行代码层面的一一梳理 全文是不是有点太长了，我要不要分拆成几篇文章 函数栈代码流程图，由于
React Native 学习二源码
09-17
React Native 学习二源码 电商项目初步搭建， version 0.44.3，只提供学习，还不具备实际效果，慎重下载！谢谢观赏！
一个基于 React Native 的 Android 企业级应用项目源码
08-07
RNPolymerPo 是一个基于 React Native 的生活类聚合实战项目，目前由于没有 MAC 设备，所以没有适配 iOS，感兴趣的可以自行适配 app 目录下相关 JS 代码即可。 获取代码与编译调试打包 如下所有步骤及说明均为 React Native Android 的 DIY，涉及命令均为 Ubuntu 环境，Windows 类推即可。 1. 获取代码及模块安装和签名配置 执行如下命令进行代码下载及模块安装： $ git clone https://github.com/yanbober/RNPolymerPo.git $ cd RNPolymerPo $ npm install //如果觉得慢可以先切换到国内 npm 镜像源再执行此命令 配置 Gradle 个人签名路径及属性： //1. 把你个人的签名 my-release-key.keystore 文件（不知道如何生成请自行搜索）放到 RNPolymerPo 工程的 android/app 文件夹下。 //2. 编辑工程的 gradle.properties 文件，添加如下的代码（注意把其中的****替换为你自己相应密码）。 MYAPP_RELEASE_STORE_FILE=my-release-key.keystore MYAPP_RELEASE_KEY_ALIAS=my-key-alias MYAPP_RELEASE_STORE_PASSWORD=***** MYAPP_RELEASE_KEY_PASSWORD=***** 2. 编译打包 APK 文件 编译生成在线快速调试 Debug 开发包，执行如下命令： $ adb reverse tcp:8081 tcp:8081 $ react-native start //开启本地 JS 服务 $ react-native run-android //新终端的 RNPolymerPo 目录下执行 编译生成 release 包，执行如下命令： $ cd android && ./gradlew assembleRelease 拓展规划 下一个版本准备做的事情： 兼容性处理； 夜间模式； 热修复及 PHP 服务端编写； 多语言切换等问题评估；
导航：React Native项目
02-18
导航：React Native项目
Android 集成 React Native、原生视图加载RN组件模块分析
...
02-13 1万+
欢迎大家关注【跨平台开发那些事】公众号，定期推送跨平台开发技术实践。 今天分享一篇关于混合开发的文章： 如何在现有的 Android 项目中集成 React Native，以及如何在原生 Activity中加载 RN 视图。 原生项目 集成 React Native 1.创建Android工程：ReactNativeApp 关于如何创建Android工程就不再多述了。 ...
React Native BackHandler exitApp 源码分析
...
11-22 1901
欢迎大家关注【跨平台开发那些事】公众号，定期推送跨平台开发技术实践。 概述 昨天技术交流群里有个朋友提出一个问题，在 Android 中嵌入了 React Naitve，并且想从RN层执行代码，回到上一个原生Activity。说起来比较模糊，假设他的界面执行流程如下： ActivityA→ActivityB →RNActivityA→ JS端执行代码→...
关于React native Demo项目的总结
cyadyx的博客
06-17 766
简述 至于项目都是学习其他人的实战项目，这里不过是做一个学习总结，主要是记录下使用到的包和一些UI工具，以便于参考。 react-navigation 页面跳转和转场动画 react-native-svg-uri RN 中使用svg技术 react-native-tab-navigator 底部导航栏 react-native-element 一套ui库 内置常用组件 react-native-vector-icons react-native-linear-gradient 渐变容器
wemall app商城源码Android之Native（原生）支付模式一demo
weixin_34329187的博客
12-07 150
wemall-mobile是基于WeMall的Android app商城，只需要在原商城目录下上传接口文件即可完成服务端的配置，客户端可定制修改。本文分享Native（原生）支付模式一demo，供技术员参考学习。 wemall官网地址：http://www.wemallshop.com 模式一：商户按固定格式生成链接二维码，用户扫码后调微...
第二个 React Native 项目（React Native 打印 log 日志输出）
villen的博客
06-15 1万+
import React, {Component} from 'react'; import { AppRegistry, Platform, StyleSheet, View, Text, Image, Dimensions, PixelRatio, } from 'react-native'; const instruction...
F8App-ReactNative项目源码分析4-js篇
西涛offbye-移动全栈技术博客
06-04 1万+
本文开始分析f8app核心js部分的源码，这篇文章将非常难理解，原因了Redux框架引入了很多新概念，使用了大量函数式编程思想，建议先把后面的参考文章仔细过一遍，确保理解后再看本文。React Native的理念是Learn once,write anywhere, Android和iOS App端的js代码是放在一起的，以便最大限度的复用业务逻辑，UI部分的可以根据平台特性各自实现，React n
React Native Android 源码框架浅析（主流程及 Java 与 JS 双边通信）
工匠若水
11-21 1万+
理解 RN 框架的一些东西，以便裁剪和对 RN 有个更深入的认识，所以本篇总结了我这段时间阅读源码的一些感触，主要总结了 React Native 启动流程、JS 调用 Java 流程、Java 调用 JS 流程。
基于ReactNative的跨平台俄罗斯方块游戏的实现2——搭建游戏整体框架
大前端程序猿
03-07 4591
在上一篇中我介绍了使用React Native开发的跨平台俄罗斯方块小游戏，截图和代码都在上一篇中。本篇记录的是如何来实现这个小游戏的框架。如果你还不了解React Native，可以参考React Native中文网 游戏整体框架介绍 这个俄罗斯方块小游戏的源码目录层次如下图所示： 最主要的是src目录和index.js、App.js文件，需要注意的是，在低版本的React...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值