| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
jopen
8年前发布

参照dribbble app 学习的react native demo

参照dribbble app 学习的react native demo 原app:https://github.com/catalinmiron/react-native-dribbble-app

在学习的过程中遇到了一些异常,其中有些是因为react-native-dribbble-app中使用的一些组件的方法过时(fb更新快且文档跟不上)。 有几个问题解决了,还有几个没有解决。

参考图 参考图

install

npm install

进入react-native-dribbble-app/ios 目录打开 resembleDribbble.xcodeproj

command + r

如果遇到Command /bin/sh failed with exit code 127 错误

Go into XCode and go to the Build Phases tab. Remove the last item on the list (the one that runs the script),进入Build Phases,删除 最后一个列表

Android

安卓我还在摸索,没有参考,学习有点困难。

安卓中我使用了react-native-tabbar,不太理想。

Plugins used:

react-native-icons 原为:React native vector icons 两者使用方式有不同

如果遇到'Warning: Native component for "FAKIconImage" does not exist' 说明react-native-icons 没有安装,请按react-native-icons的说明把字体导入xcode https://github.com/corymsmith/react-native-icons

    {Icon, } = require('react-native-icons')
    <Icon            name='fontawesome|heart' size={24}            color='#333' style={styles.icon} //需要一个样式设置width height />

react-native-parallax-view
//这是一个拖拽时图片放大的效果插件,原js中有bug,Dimensions模块react 已经内置,不需要require. 我改动了原文件,注入Dimensions。 请手动进入/node_modules/react-native-parallax-view/lib/ParallaxView.js 注入Dimensions

var {      StyleSheet,      View,      ScrollView,      Animated,      Dimensions,      } = React; // var screen = require('Dimensions').get('window'); var screen= Dimensions.get('window');

react-native-htmlview

项目主页:http://www.open-open.com/lib/view/home/1449999092273

 本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1449999092273.html
移动开发 React Native