ReactNative50个demo源码

序号 名称/地址 简介 预览图
0 react-native-eyepetizer 模仿开眼3.1.2
1 GitHubPopular 这是一个用来查看GitHub最受欢迎与最热项目的App,它基于React Native支持Android和iOS双平台。
3 react-native-dribbble-app 模仿国外设计师网站Dribbble做的客户端
4 FinanceReactNative 使用React Native做的金融证券股票类App
5 react-native-nw-react-calculator 简洁美观的计算器
6 30-days-of-react-native 30天学React Native的Demo App,结合作者源码,学React Native效果杠杆滴!
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
39 Slacker (VctrySam)仿 Slacker
40 react-conf-app React Conf 2017 Companion App
41 Mister-Poster 用到了 RN+Redux+Redux Storage+Firebase 的一个开源项目
42 surmon.me.native 一个非常适合入门学习的react-native项目,有借鉴自其他种子项目的组织方式,代码清晰、结构合理。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
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 Demo 代码,用于创建一个简单的登录界面: ```javascript import React, { useState } from 'react'; import { View, TextInput, TouchableOpacity, Text, StyleSheet } from 'react-native'; const App = () => { const [username, setUsername] = useState(''); const [password, setPassword] = useState(''); const handleLogin = () => { // 在这里处理登录逻辑 console.log('登录:', username, password); }; return ( <View style={styles.container}> <TextInput style={styles.input} placeholder="用户名" value={username} onChangeText={(text) => setUsername(text)} /> <TextInput style={styles.input} placeholder="密码" secureTextEntry value={password} onChangeText={(text) => setPassword(text)} /> <TouchableOpacity style={styles.button} onPress={handleLogin}> <Text style={styles.buttonText}>登录</Text> </TouchableOpacity> </View> ); }; const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', padding: 16, }, input: { width: '100%', height: 40, borderWidth: 1, borderColor: '#ccc', borderRadius: 4, marginBottom: 10, paddingLeft: 10, }, button: { width: '100%', height: 40, backgroundColor: 'blue', justifyContent: 'center', alignItems: 'center', borderRadius: 4, }, buttonText: { color: '#fff', fontSize: 16, fontWeight: 'bold', }, }); export default App; ``` 这是一个简单的登录界面,包含了用户名和密码的输入框,以及一个登录按钮。当点击登录按钮时,会在控制台打印出输入的用户名和密码。你可以根据自己的需求来扩展和修改这段代码。希望对你有帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值