ReactNative
文章平均质量分 77
Carlos.Guo
这个作者很懒,什么都没留下…
展开
-
react-native-echarts 图表问题总结
前言当我们在ReactNative中采用图表技术的时候, 我们大致做了技术选型, 第一种是基于webView(react-native-echarts),采用echarts内容的方式,去加载图表, 第二种方式是基于Android端和IOS端原生库(native-echarts)封装成组件的形式显示图表.对于业务的复杂和UI特殊性我们选择了第一种方式,在使用的过程中发现了很多比较差异的问题,以下便是对于问题的总结问题1react-native-echarts 库中在Android、IOS端 不支持 \原创 2020-09-24 20:55:09 · 961 阅读 · 0 评论 -
ReactNative实现仿微信或者通讯录快速索引功能
概述当我们在RN业务需求中实现通讯录快速索引时,应该如何考虑去实现.如何下图所示:需求分析实现列表数据模型 data= [ {title:"A",head:true}, {city:"安阳"}, {city:"安庆"}, {city:"鞍山"}, {title:"B",head:true}, {city:"蚌埠"}, {city:"包头"}...原创 2020-03-10 23:22:37 · 8790 阅读 · 0 评论 -
ReactNative 仿QQ滑动删除组件详解
仿QQ滑动组件 当业务中需要,实现类似QQ滑动删除组件的时候,在Android或者IOS中,都存在封装好的组件,但是在RN中类似组件很少,如何使用RN去开发一个QQ滑动删除组件呢,这就是接下来要做的事情.滑动之后样式滑动之前样式组件分析最外层View组件 嵌套 一个View组件(一个View组件嵌套两个Text组件,并设置space-be...原创 2019-08-15 19:18:54 · 584 阅读 · 0 评论 -
JS 日志管理器
JS 日志管理器在js开发的过程中少不了控制日志的输出,下面是对日志管理,工具类主要采用ES6语法。 /**************************************日志管理器************************************/const TAG = "LoggerUtils";let IS_DEV = true;const CLEAR =原创 2018-01-09 13:36:32 · 788 阅读 · 0 评论 -
ES6 导出组件或属性 方式案例
ES6 导出组件或属性ES6 导出属性 匿名方式// 定义:匿名对象存放所需要的属性// CommonData.jsexport default{ title:"cralos", age:20,}//引用:引用匿名对象//test.js //此处的Data可以定义任意名称来指向CommonData.jsimport Data from "./CommonData.原创 2017-11-02 17:38:20 · 1277 阅读 · 0 评论 -
ReactNative和Android共同开发基础流程
ReactNative和Android共同开发 突然发现有身边人在问,如何用原生编辑器接入ReactNative环境进行混合开发。记得当时自己也不停地在网上扒资料,可是大多都是在讲如何进行ReactNative和Android之间相互调用,却忽略了如何搭建混合开发的环境。下面我将讲述自己接入ReactNative和Android混合开发的基础流程。 构建ReactNative的环境配置 环境配原创 2017-08-10 23:41:51 · 507 阅读 · 0 评论 -
React Native Navigator 引入的那些坑
讲诉一下进入Navigator的那些错误。当要引入Navigator的使用通常的做法是:import {Navigator} from "react-native"当我们进行执行react native 程序的时候 告知我们 该组件已经不存在 :'Navigator is deprecated and has been removed from this package. It c原创 2017-06-26 16:17:26 · 5583 阅读 · 2 评论 -
ReactNative 样式
这些就建立在搭建好ReactNative环境之后进行开发的。样式:import React, {Component} from 'react';import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, TextInput, Image,} from 'react原创 2017-06-23 14:39:32 · 270 阅读 · 0 评论 -
ReactNative flex 弹性布局
ReactNative 中flex弹性布局用法。import React, {Component} from 'react';import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, TextInput, Image,} from 'react-native';原创 2017-06-23 14:48:40 · 365 阅读 · 0 评论 -
ReactNative View 组件
ReactNative View组件。import React, {Component} from 'react';import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, TextInput, Image,} from 'react-native';let R原创 2017-06-23 14:52:57 · 311 阅读 · 0 评论 -
ReactNative Text 组件
ReactNative Text 组件。import React, {Component} from 'react';import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, TextInput, Image,} from 'react-native';let原创 2017-06-23 15:00:33 · 288 阅读 · 0 评论 -
ReactNative Touchable 组件
ReactNative Touchable 组件。import React, {Component} from 'react';import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, TextInput, Image,} from 'react-native';原创 2017-06-23 15:09:31 · 296 阅读 · 0 评论 -
ReactNative Navigator 页面跳转
ReactNative Navigator 页面跳转import React, {Component} from 'react';import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, TextInput, Image,} from 'react-native';原创 2017-06-23 15:24:38 · 519 阅读 · 0 评论 -
ReactNative Navigator 页面传值
ReactNative Navigator 页面传值import React, {Component} from 'react';import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, TextInput, Image,} from 'react-native';原创 2017-06-23 15:26:05 · 300 阅读 · 0 评论 -
ReactNative fetch 网络请求
ReactNative fetch 网络请求import React, {Component} from 'react';import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, TextInput, Image,} from 'react-native';/原创 2017-06-23 15:28:24 · 585 阅读 · 0 评论 -
ReactNative TextInput 组件
ReactNative TextInput 组件。import React, {Component} from 'react';import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, TextInput, Image,} from 'react-native';原创 2017-06-23 15:12:28 · 397 阅读 · 0 评论 -
ReactNative Image 组件
ReactNative Image 组件import React, {Component} from 'react';import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, TextInput, Image,} from 'react-native';/**原创 2017-06-23 15:14:46 · 294 阅读 · 0 评论 -
ReactNative ScollView 组件
ReactNative ScollView 组件。import React, {Component} from 'react';import { AppRegistry, StyleSheet, Text, View, ScrollView, RefreshControl,} from 'react-native';/**scrollVi原创 2017-06-23 15:17:29 · 301 阅读 · 0 评论