Giter Club home page Giter Club logo

react-native-cnodejs's Introduction

react-native 实现cnodejs客户端

首页和详情页UI参考 https://github.com/shinygang/Vue-cnodejs

API由 https://cnodejs.org/api 提供

在官方提供的API之外,增加搜索入口和个人资料入口。

如何运行

 npm install 或者 yarn 
 react-native start 
 react-native run-android 或者 react-native run-ios

如果还没有安装 react-native 那么先 npm i react-native-cli -g 如果遇到无法启动问题,先尝试将 node 版本切换到8.1.0(推荐使用nvm安装) 如果npm安装有提示问题,那么尝试使用 yarn 安装

主要功能

token登录、退出; 查看、发布、编辑主题; 点赞评论、回复主题、收藏主题; 搜索、添加好友、实时聊天; 查看资料、查看收藏的主题、回复的主题;

更新

17-9-25: 集成聊天,实现搜索好友,处理申请,实时聊天;

17-9-26:

修复安卓搜索框显示不全问题  
修复安卓tabbar的icon不能显示问题  
新增对评论进行回复  
优化FlatList显示逻辑  
修复搜索记录不能及时更新问题  
修复android首页发布话题按钮不显示问题   
修复点赞、收藏图标点击后不显示问题  

说明

这个项目之间断断续续花了差不多12天时间,之前有一点react基础,因此做react-native上手就稍微快了。

基本就是一边看文档一边做,不懂的Google,所以这个项目可能有些地方写的不好,有时间想到了改进下项目,但是期间学习到了很多知识。

比较复杂的功能还需要时间学习。

这只是一个练手的项目,希望大家多多交流

部分演示

部分截图

等待修复问题

  • 上拉加载更多数据的时候,在android由于加载数据时间比较久,导致不能点击item,只有等待loading结束后才能正常点击(猜测是FlatList的问题,待观察)。
  • android端,点击主页上的tab,反应慢的问题(Android貌似都会比ios慢半拍 = = )。
  • 文章图片显示问题,可能需要换个解析html的框架。
  • android如果图片设置 position:'absolute',不能显示问题,比如新建文章按钮。
  • android如果图片是点击后才显示的,不显示问题,比如点赞和收藏按钮。

待完善的功能

  • 实现扫码登录
  • 首页UI调整区分 首页和招聘板块
  • 详情页面内容显示优化
  • 添加回复评论
  • 话题发布优化

react-native-cnodejs's People

Contributors

linwh1115 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

react-native-cnodejs's Issues

添加好友功能不能用

项目down下来以后真机运行的时候,搜索出好友后,在好友的详细资料页面,点击“添加好友”按钮无效,查看代码,Information.js 第136行的addFriends方法中的 type: 'notice/add_friends',全项目中没有这样的执行源,不知道是不是作者没有实现完成还是写错了

hello~

我的mac始终无法装上安卓 环境 ,请问有好的推荐教程吗

编译报错

Error: Cannot find module 'lodash/object/assign'
at Function.Module._resolveFilename (module.js:555:15)
at Function.Module._load (module.js:482:25)
at Module.require (module.js:604:17)
at require (internal/module.js:11:18)
at Object. (/Volumes/rn project/react-native-cnodejs/node_modules/xmlbuilder/lib/index.js:5:12)
at Object. (/Volumes/rn project/react-native-cnodejs/node_modules/xmlbuilder/lib/index.js:14:4)
at Module._compile (module.js:660:30)
at Module._extensions..js (module.js:671:10)
at Object.require.extensions.(anonymous function) [as .js] (/Volumes/rn project/react-native-cnodejs/node_modules/babel-register/lib/node.js:152:7)
at Module.load (module.js:573:32)

你这个每个模块组件和业务逻辑处理分开了

我看你的组件是放在component文件夹,相关的js操作,业务逻辑,是放在外面的三个文件中写的,进行拆分了,是这样吗??? 我写的只注重功能实现,,而且js和页面上的组件全部混在一个文件中写,感觉比较乱,

token

这个token是怎么来的

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.