GL_MINE_优快云的博客

前言 当我们在ReactNative中采用图表技术的时候, 我们大致做了技术选型, 第一种是基于webView(react-native-echarts),采用echarts内容的方式,去加载图表, 第二种方式是基于Android端和IOS端原生库(native-echarts)封装成组件的形式显示图表.对于业务的复杂和UI特殊性我们选择了第一种方式,在使用的过程中发现了很多比较差异的问题,以下便是对于问题的总结 问题1 react-native-echarts 库中在Android、IOS端 不支持 \

概述 当我们在RN业务需求中实现通讯录快速索引时,应该如何考虑去实现. 如何下图所示: 需求分析 实现列表 数据模型 data= [ {title:"A",head:true}, {city:"安阳"}, {city:"安庆"}, {city:"鞍山"}, {title:"B",head:true}, {city:"蚌埠"}, {city:"包头"}...

仿QQ滑动组件     当业务中需要,实现类似QQ滑动删除组件的时候,在Android或者IOS中,都存在封装好的组件,但是在RN中类似组件很少,如何使用RN去开发一个QQ滑动删除组件呢,这就是接下来要做的事情. 滑动之后样式 滑动之前样式 组件分析 最外层View组件 嵌套 一个View组件(一个View组件嵌套两个Text组件,并设置space-be...

JS 日志管理器 在js开发的过程中少不了控制日志的输出，下面是对日志管理，工具类主要采用ES6语法。 /**************************************日志管理器************************************/ const TAG = "LoggerUtils"; let IS_DEV = true; const CLEAR =

ES6 导出组件或属性 ES6 导出属性 匿名方式 // 定义：匿名对象存放所需要的属性 // CommonData.js export default{ title:"cralos", age:20, } //引用：引用匿名对象 //test.js //此处的Data可以定义任意名称来指向CommonData.js import Data from "./CommonData.

ReactNative和Android共同开发  突然发现有身边人在问，如何用原生编辑器接入ReactNative环境进行混合开发。记得当时自己也不停地在网上扒资料，可是大多都是在讲如何进行ReactNative和Android之间相互调用，却忽略了如何搭建混合开发的环境。下面我将讲述自己接入ReactNative和Android混合开发的基础流程。 构建ReactNative的环境配置  环境配

讲诉一下进入Navigator的那些错误。 当要引入Navigator的使用通常的做法是： import {Navigator} from "react-native" 当我们进行执行react native 程序的时候 告知我们 该组件已经不存在 ： 'Navigator is deprecated and has been removed from this package. It c

这些就建立在搭建好ReactNative环境之后进行开发的。 样式： import React, {Component} from 'react'; import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, TextInput, Image, } from 'react

ReactNative 中flex弹性布局用法。 import React, {Component} from 'react'; import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, TextInput, Image, } from 'react-native';

ReactNative View组件。 import React, {Component} from 'react'; import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, TextInput, Image, } from 'react-native'; let R

ReactNative Text 组件。 import React, {Component} from 'react'; import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, TextInput, Image, } from 'react-native'; let

ReactNative  Touchable 组件。 import React, {Component} from 'react'; import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, TextInput, Image, } from 'react-native';

ReactNative Navigator 页面跳转 import React, {Component} from 'react'; import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, TextInput, Image, } from 'react-native';

ReactNative Navigator 页面传值 import React, {Component} from 'react'; import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, TextInput, Image, } from 'react-native';

ReactNative  fetch 网络请求 import React, {Component} from 'react'; import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, TextInput, Image, } from 'react-native'; /

ReactNative TextInput 组件。 import React, {Component} from 'react'; import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, TextInput, Image, } from 'react-native';

ReactNative Image 组件 import React, {Component} from 'react'; import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, TextInput, Image, } from 'react-native'; /**

ReactNative ScollView 组件。 import React, {Component} from 'react'; import { AppRegistry, StyleSheet, Text, View, ScrollView, RefreshControl, } from 'react-native'; /**scrollVi