qq_34760802-CSDN博客

原创 ReactNative之ListView

ListView跟FlatList功能差不多。。。使用方法略有不同使用前引入。。。首先创建一个有很多数据的数组var arr = [..................];然后使用这个数组构建一个ListView的数据源对象This.state = {ds: new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !==

2017-08-05 16:00:54 268

原创 ReactNative之FlatList组件使用方法总结

FlatList组件用于显示一个垂直的滚动列表，其中的元素之间结构类似仅数据不同。FlatList更适用于长列表数据，且元素个数可以增删。和ScrollView不同的是它不立刻渲染所有元素而是优先渲染界面上可见的元素，还有就是ScrollView只是一个滚动视图容器，其中可以嵌套多个不同类型的标签元素。FlatList组件必须设置的两个属性：data跟 renderItem。（不同

2017-08-05 15:59:48 4149

原创 ReactNative杂项整理

1、TouchableOpacity 透明度按钮，点击变透明 activeOpacity={0-1}添加点击监听 onPress={(e)=>fn(e)}TouchableHighlight变色按钮，点击变色 underlayColor={‘#FFF’}添加监听方法同上注意:两个标签内部必须都要有东西，否则有问题，一般都添加一个Text标签或者Image标签。。。2、ToastAn

2017-08-05 15:58:52 391

原创 ReactNative之弹出窗

弹出框用处也是比较大的，比如页面刷新的时候周围都变暗了，中间一个小白框里有一个转圈圈的小圆圈。。。画面自己想象。。。然后就是注意这个单词是modal 不是model 更不是module。。。用它嘛首先就是要引入它。。。使用方法也特别简单如下： animationType={"fade"} //控制弹出框的弹出动画方式'none', 'slide', 'fade'

2017-08-05 15:57:49 989 1

原创 ReactNative支付宝支付问题

支付宝支付功能嘛。。。这东西就比较严重了。。。因为涉及到各种侵权，非法交易等问题，因此中间环节有一大堆，不仅复杂还难懂，各种加密手段。。。但是作为一个前端开发人员的我们有必要知道这些吗？？？有吗？？？知道了又不能上天。。。只能让你高大上的装个X，然并卵。。。那么我们只要单纯的知道以下几步就OK了。。。1、联网获取订单信息。。。也就是ajax了，我们RN中用fetch 换了个名，本质还是aj

2017-08-05 15:56:54 601

原创 ReactNative之SideMenu

SideMenu是别人写好的第三方框架，需要先下载再引入，最后使用，三步走。。。SideMenu经常用，比如QQ你往右划一下就出来一个隐藏的侧滑菜单第一步下载:切换到工程根目录下，打开cmd，输入下面的指令等待下载成功就好了。。。npm install react-native-side-menu--save第二部:把SideMenu引入到使用页面：import S

2017-08-05 15:55:46 1358 2

原创 ReactNative二维码扫描

二维码扫描，其实也并没有什么神奇的东西，解码规则别人也已经封装好了，我们只需要调用就好了，那么当然就需要第三方库。。。操作流程如下：1、下载第三方库：npm i --save react-native-barcodescanner2、配置该库：react-native link3、直接引入使用就得了。。。案例如下:import React, { AppRegistry

2017-08-05 15:54:54 611

原创我们RN的路由导航Navigator使用攻略

我们RN的路由导航Navigator使用攻略关于版本问题是0.43版本及以前都有Navigator,以后版本都是React Navigator，之后假如还需要用Navigator的话就要首先下载：npm i react-native-deprecated-custom-components --save然后自动配置一下：先输入：react-native-deprecated-c

2017-08-05 15:53:50 1801

原创 ReactNative解决白屏问题

我们用RN创建一个应用以后刚启动有一两秒的白屏时间，然而解决办法只单纯的靠RN是解决不了的，需要借助原生的Android或IOS代码来解决，并且还需要第三方库。。。解决办法如下： 1、下载react-native-splash-screen模块:npm i react-native-splash-screen --save2、配置模块信息，我们推荐快捷配置,cmd下输入：rea

2017-08-05 15:52:03 2765

原创 ReactNative 网络请求服务方式

ReactNative 网络请求服务方式有很多种，Android网络访问跟IOS有所稍微不同支持的网络请求有：1、Fetch2、传统做法：XMLHttpRequest3、Axios4、Frisbee注意，RN不支持jQuery，因为jQuery中还使用了很多浏览器中才有的东西，而RN没有。。。 1、使用Fetch(跟jQuery中的ajax用法几乎一致)：fet

2017-08-05 15:48:59 646

OSASK