首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

利用React Native和Node.js完成一个资讯APP

1、设计参考

参考【看一看】的界面和交互逻辑,设计资讯APP,名称:W+。

1.1列表页界面说明

根据不同的资讯类型,列表页展示样式不同,分:图文资讯类,文字资讯类,视频资讯类。

图文资讯类:左侧标题,图片只有1张则显示在右侧,2张或3张显示在下方,并根据情况调整布局。标题最长不超过3行,并在标题下方靠左位置显示资讯来源与发布时间。

文字资讯类:只有标题,没有图片。标题最长不超过3行,并在标题下方靠左位置显示资讯来源与发布时间。

视频资讯类:标题和来源、发布时间在视频预览区上方。要求与文字资讯类相同。

资讯可点击右侧删除按钮进行删除(目测需要用户系统,可在二期进行)。

1.2正文页界面说明

之上而下显示:标题(字体较大)、发布时间和来源、正文内容。

2、开发要求

尽量使用React Native做前端开发,使用node.js做服务端,尽量少使用HTML+CSS的方式布局界面。

3、开发周期

一周完成RN熟悉和界面搭建,并部署好开发环境。

两周学习node.js,并可实现联网。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180318G0QLN500?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券