![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ReactNative
qq_34760802
这个作者很懒,什么都没留下…
展开
-
ReactNative 网络请求服务方式
ReactNative 网络请求服务方式有很多种,Android网络访问跟IOS有所稍微不同支持的网络请求有:1、Fetch2、传统做法:XMLHttpRequest3、Axios4、Frisbee注意,RN不支持jQuery,因为jQuery中还使用了很多浏览器中才有的东西,而RN没有。。。 1、使用Fetch(跟jQuery中的ajax用法几乎一致):fet原创 2017-08-05 15:48:59 · 665 阅读 · 0 评论 -
ReactNative之ListView
ListView跟FlatList功能差不多。。。使用方法略有不同使用前引入。。。首先创建一个有很多数据的数组var arr = [..................];然后使用这个数组构建一个ListView的数据源对象This.state = {ds: new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !==原创 2017-08-05 16:00:54 · 279 阅读 · 0 评论 -
ReactNative之FlatList组件使用方法总结
FlatList组件用于显示一个垂直的滚动列表,其中的元素之间结构类似仅数据不同。FlatList更适用于长列表数据,且元素个数可以增删。和ScrollView不同的是它不立刻渲染所有元素而是优先渲染界面上可见的元素,还有就是ScrollView只是一个滚动视图容器,其中可以嵌套多个不同类型的标签元素。FlatList组件必须设置的两个属性:data跟 renderItem。(不同原创 2017-08-05 15:59:48 · 4186 阅读 · 0 评论 -
ReactNative杂项整理
1、TouchableOpacity 透明度按钮,点击变透明 activeOpacity={0-1}添加点击监听 onPress={(e)=>fn(e)}TouchableHighlight变色按钮,点击变色 underlayColor={‘#FFF’}添加监听方法同上注意:两个标签内部必须都要有东西,否则有问题,一般都添加一个Text标签或者Image标签。。。2、ToastAn原创 2017-08-05 15:58:52 · 408 阅读 · 0 评论 -
ReactNative之弹出窗
弹出框用处也是比较大的,比如页面刷新的时候周围都变暗了,中间一个小白框里有一个转圈圈的小圆圈。。。画面自己想象。。。然后就是注意这个单词是modal 不是model 更不是module。。。用它嘛首先就是要引入它。。。使用方法也特别简单如下: animationType={"fade"} //控制弹出框的弹出动画方式'none', 'slide', 'fade'原创 2017-08-05 15:57:49 · 1048 阅读 · 1 评论 -
ReactNative支付宝支付问题
支付宝支付功能嘛。。。这东西就比较严重了。。。因为涉及到各种侵权,非法交易等问题,因此中间环节有一大堆,不仅复杂还难懂,各种加密手段。。。但是作为一个前端开发人员的我们有必要知道这些吗???有吗???知道了又不能上天。。。只能让你高大上的装个X,然并卵。。。那么我们只要单纯的知道以下几步就OK了。。。1、联网获取订单信息。。。也就是ajax了,我们RN中用fetch 换了个名,本质还是aj原创 2017-08-05 15:56:54 · 631 阅读 · 0 评论 -
ReactNative之SideMenu
SideMenu是别人写好的第三方框架,需要先下载再引入,最后使用,三步走。。。SideMenu经常用,比如QQ你往右划一下就出来一个隐藏的侧滑菜单第一步下载:切换到工程根目录下,打开cmd,输入下面的指令等待下载成功就好了。。。npm install react-native-side-menu--save第二部:把SideMenu引入到使用页面:import S原创 2017-08-05 15:55:46 · 1427 阅读 · 2 评论 -
ReactNative二维码扫描
二维码扫描,其实也并没有什么神奇的东西,解码规则别人也已经封装好了,我们只需要调用就好了,那么当然就需要第三方库。。。操作流程如下:1、下载第三方库:npm i --save react-native-barcodescanner2、配置该库:react-native link3、直接引入使用就得了。。。案例如下:import React, { AppRegistry原创 2017-08-05 15:54:54 · 634 阅读 · 0 评论 -
我们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 · 1829 阅读 · 0 评论 -
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 · 2823 阅读 · 0 评论