React-Native 写的小项目Demo Gank.io

最新推荐文章于 2021-06-17 11:14:14 发布
最新推荐文章于 2021-06-17 11:14:14 发布
阅读量526 收藏
点赞数
分类专栏： RN
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_22329521/article/details/62884007
版权

最近在写React—Natvie 的项目，但是js基础不好直接还是上手react 有点吃力，所以自己先弄个小项目玩玩，用着gank.io的api写的 一个简单demo

简单的实现 技术要点
与原生UI的通信，视图的封装，网络的简单封装，listview，和flex布局的掌握

缺陷：ListView 的的刷新机制有问题，图片缩放用的是PhotoView但是没有居中，瀑布流的效果问题

下个阶段要实现的
界面的优化，缓存，Rn中的ListView 的封装（刷新和加载）

界面模仿：https://github.com/CaMnter/EasyGank

这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述

项目地址：https://github.com/1105896230/Gank.io-Rn

林胖子的私生活
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React Native八大Demo
08-02 530
参考资料：http://www.cnblogs.com/shaoting/p/7148240.html 下一个项目公司也打算使用react native.大致看了下原型设计,写几个小demo先试试水.特此记录下. 1.微信及朋友圈分享.QQ及朋友圈分享,微博分享,微信支付,支付宝支付. 2.导航条渐隐 3.通讯录 4.卡片式轮播 5.时间轴 6.图片+列表的组合效果 ...
React Native Demo
02-22
一个关于react-native 的demo， 各种控件比较齐全，基于2018-2-22最新的RN写就！
ReactNative项目demo
12-28
使用ReactNative开发的一个iPad项目的简单demo,只是搭建了一个框架
gank.io (干货集中营) react-native版本，同时支持Android和iOS
大灰狼的小绵羊哥哥的博客
04-15 1425
这是一款用react-native实现的Gank.io(干货集中营)客户端，支持Android及iOS，并针对不同平台的设计规范，界面也有一些差异化. https://github.com/iwgang/GankCamp-React-Native 更新 v1.3 (2016-06-05) （下载APK，iOS请自行编译） 干货增加前端分类优化推荐页面UI已知bug修复
React-Native 可能是最友好的Gank.io(干货集中营)客户端了
wangdi的游戏社区
12-08 3175
呼～ 在结束上一个“掘金”客户端后，写了两个星期多，终于又把“干货集中营”的App写完了。这次因为API开放，所以可以写一个完整的App，而且界面自定义，自由度高，增加了不少自己创作的灵感。老规矩，先上图，再说话～   先聊聊架构，上次一个小哥建议说用redux来架构react应用，于是在开发这App前，专门学了下redux。因为本人不是前端出生，基本前端的知识现在都是现学现卖的，自己简单写个计数
react-native-config-node:用于Node.js环境中react-native-config的模拟，用于测试
05-17
react-native-config-node 适用于react-native-config的Node.js模拟 用于模拟程序，该模块提供了一种将环境特定的变量注入的优雅方法。 由于react-native-config包含本机代码，因此无法在Node.js环境中运行。 我们...
GankCamp-React-Native：gank.io（干货集中营）react-native版本，同时支持Android和iOS
02-05
GankCamp-React-Native这是一种用react-native实现的Gank.io（干货集中营）客户端，支持Android及iOS，并针对不同平台的设计规范，界面也有一些差异化。更新v1.3（2016-06-05）（下载 ，iOS请自行编译）干货增加前端...
react-native-web-webview:React Native用于RN的WebView的Web实现
05-17
react-native-web-webview React Native用于RN的WebView的Web实现 入门 $ npm install react-native-web-webview --save 别名打包您的webpack配置中： resolve: { alias: { 'react-native': 'react-native-web...
react-native-static-server：React Native的HTTP静态文件服务器
02-05
入门$ npm install react-native-static-server --save 安装从react-native 0.60开始，自动链接将负责链接步骤，但不要忘记运行pod install $ react-native link react-native-static-server 用法使用端口声明Static...
react-native-chat-demo-master.zip_DEMO_React_react native_react
09-21
本篇文章将基于“react-native-chat-demo-master.zip”这个DEMO，深入探讨如何利用React Native构建一个聊天应用。 一、React Native基础知识 React Native的核心理念是“Learn once, write anywhere”，这意味着...
react native 实现app demo
12-07
一个基础的react native & react-navigation V2 最新的 app框架react native 实现app demo
一个基于reactnative开发的完整项目示例
08-11
一个基于react native开发的完整项目示例
react native demo
12-30
react native demo 运行。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
react的一些demo
08-13
一些经典的react demo，帮助新手入门react。 同时推荐阮一峰老师的demo。
关于React native Demo项目的总结
cyadyx的博客
06-17 800
简述 至于项目都是学习其他人的实战项目，这里不过是做一个学习总结，主要是记录下使用到的包和一些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 渐变容器
开发一个基于React Native的简易demo--源码
小浩子的博客
12-07 677
这几篇博客的最终目地是为了给我自己做笔记，所以我不管文章对其他人有没有帮助。只为我自己！！！源码：/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, { Component } from 'react'; import { Platform,
React-Native GankAPP
大灰狼的小绵羊哥哥的博客
04-15 502
A cross platform App which shows the data from gank.io https://github.com/wangdicoder/react-native-Gank react-native version: 0.38 redux architecture Read this in other languages: 简体
ReactNative50个demo源码
AT弄潮儿
12-07 784
序号 名称/地址 简介 预览图 0 react-native-eyepetizer 模仿开眼3.1.2 1 GitHubPopular 这是一个用来查看GitHub最受欢迎与最热项目的App,它基于React Native支持Android和iOS双平台。 3 react-native
react-native 组件demo
mangues
09-21 945
所有代码下载：react-native 组件1.ActivityIndicatorimport React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View, ActivityIndicator, TouchableOpacity } from 'react-native'; e
react-native-pdf在react-native": "0.71.6使用
最新发布
06-01
在 React Native 版本为 0.71.6 中使用 react-native-pdf 可以按照以下步骤进行： 1. 安装 react-native-pdf： ``` npm install react-native-pdf --save ``` 2. 在 iOS 中，使用 CocoaPods 安装依赖： ``` cd ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值