魔工坊

魔芋

开发工程师


发布者资料


源码相关属性

  • 资源价格: 魔币 22
  • 文件类型: 压缩文件
  • 模板大小: 0.1M
  • 下载次数: 633 次
  • 下载权限: 5,6,7,8
  • 更新日期: 2016-03-07 15:18:39

源码标签云


推荐源码

4816官方验证资源

React-Native鬼畜表情包app源码


亲,登录后可浏览完整内容额!  快 速 登 录

QQ群,微信群,各种大神,各种表情,每到半夜,斗图大会,八仙过海,各显神通,良辰日天齐上阵。不服,下载鬼畜表情,参加到战斗中,无奈啊,app做的不是太方便,想起抓包把图片一下都下载下来,想起最近看到RN,正好练练手。

单文件批量抓取

use strictvar React = require(react-native);var {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  TouchableOpacity,
} = React;var AwesomeProject = React.createClass({
  getImage: function(tid){
    fetch(https://face.ersansan.cn/collection/+tid)
    .then((respose) => respose.text())
    .then((responseText) => {          var result = eval(( + responseText +     ));          var list = result.picList;          for(var i=0;i<list.length;i++){            var item = list[i];
            console.warn(item.link);
          }
    })
    .catch((error) => {
      console.warn(error);
    }).done;
  },
  getSunCollection: function(tid){
    fetch(https://face.ersansan.cn/collection/+tid)
    .then((respose) => respose.text())
    .then((responseText) => {          var result = eval(( + responseText +     ));          var list = result.subcollection;          for(var i=0;i<list.length;i++){            var item = list[i];            this.getImage(item.tid);
          }
    })
    .catch((error) => {
      console.warn(error);
    }).done;
  },
  _downLoad: function(){
      fetch(https://face.ersansan.cn/collection)
      .then((respose) => respose.text())
      .then((responseText) => {            var result = eval(( + responseText +     ));            var list = result.List;            for(var i=0;i<list.length;i++){              var item = list[i];
              console.warn(item.tid+item.title);              this.getSunCollection(item.tid);
            }
      })
      .catch((error) => {
        console.warn(error);
      }).done;
  },
  render: function() {    return (      <View style={{ flex:1, alignItems:center, justifyContent:center}}>
        <TouchableOpacity style={{
           backgroundColor:"##234234", height:50, width:80,  alignItems:center,  justifyContent:center
         }} onPress={ this._downLoad }>
          <Text style={{ fontSize:20,  color:white }}>下载</Text>
         </TouchableOpacity>
      </View>
    );
  }
});

var styles = StyleSheet.create({

});

AppRegistry.registerComponent(AwesomeProject, () => AwesomeProject);

仿app界面

首页:

外部 ScrollView 

顶部图片+ListView

给ListView每个item的title设置点击进入专题

专题:

简单的 ListView 

每个item设置点击进入图片列表

图片列表

还是ListView,每个 ListView 的item分3个图片

根据D imensions 计算宽高

不够3个的有几个显示几个

每个图片设置点击打开浏览器下载 IntentAndroid.openURL(url)



赞助商:三秒让您的浏览器变身Win8 [广告]

[ 源码搜索 ]  [ 加入收藏 ]  [ 告诉好友 ]  [ 打印本文 ]  [ 关闭窗口 ]


下载地址

登录后即可下载


说明:本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵犯您的版权,请及时联系我们。

魔友吐槽

立即下载

发布源码

魔工坊系统提示