zcmain的专栏

文章目录组件安装组件使用组件属性一. 散点图组件(ScatterChart)二. 饼图组件(PieChart)三. 折线图组件(LineChart)五. 柱状图(BarChart)效果图组件安装//安装yarn add react-native-charts-wrapper组件使用//引入组件import { LineChart, ScatterChart, ...} from 'react-native-charts-wrapper';//使用<Sc

文章目录为什么要使用TypeScript初始化一个RN项目安装TypeScript相关插件创建TypeScript配置文件`tsconfig.json`配置`tsconfig.json`创建.ts/.tsx文件编译并运行扩展RN测试工具Jestreact-test-renderer为什么要使用TypeScriptTypeScript是JavaScript的超集，扩展了JavaScript语法，...

文章目录基础什么是Redux？安装Redux核心思想三大原则单一数据源State只读使用纯函数来执行修改ActionReducerStoreState的基本结构`React-Redux` 使用安装React Redux核心API讲解1. Provider2. connect完整示例代码扩展：1. 嵌套组件中访问Redux Store State2. 使用`combineReducers`合并多个零...

录音 react-native-audio录音播放 react-native-sound百度地图 react-native-baidu-map单图片选择 裁剪 react-native-image-picker多图选择 裁剪 react-native-image-crop-picker图片放大查看 react-native-image-zoom-viewer持久化存储 react-na...

App启动页面的动态效果，参考KenBurnsView静态图片通过放大缩小来实现动效。Android中使用1、app->build.gradle引入组件dependencies { compile 'com.flaviofaria:kenburnsview:1.0.7'}2、布局XML文件中使用<com.flaviofaria.kenburnsview...

RN中涉及到热更新使用微软提供的CodePush插件实现，具体使用如下：更新流程1、安装 code-push-cli插件(在项目根目录)npm install -g code-push-cli //全局安装code-push-cli插件2、注册登录微软CodePush服务code-push register 此时会打开一个网页选择一个...

文章目录什么是FetchFetch使用Fetch封装扩展1. ES6 Promise介绍2. 理解ES7 async/awiat什么是FetchFetch API提供了一个用于获取资源(包括通过网络)的接口。对于任何使用过XMLHttpRequest的人来说，这看起来都很熟悉，但是新的API提供了更强大、更灵活的特性集。—来自《Fetch API》Fetch 方法会返回一个Promise，这...

FlexBox 布局基本用法1、什么是FlexBoxFlexbox是Flexible Box的缩写，意为'弹性布局'，它为盒状模型提供了很大的灵活性，让任何一个容器都可以指定为Flex布局任何一个容器都可以指定为Flex布局2、基本概念和属性使用Flex布局的元素，称为Flex容器（flex Container），简称'容器'。它的所有子元素自动成为容器的成员，称为Fle...

在学习RN过程中接触到StackNavigation导航组件，遇到的记录一下，以备后续查阅。1、使用navigate函数实现页面跳转(A->B 可携带参数) //A页面跳转B页面：this.props.navigation.navigagte(routeName,params,actions); //routeName:跳转路由页面名称(需要在...

RN框架 ‘react-navigation’中提供抽屉导航组件：createDrawerNavigator使用：Step1:倒入所需组件import React, {Component} from 'react';import {Dimensions, View, Text, Image, TouchableOpacity, Alert} from 'react-native';...

RN提供导航组件‘react-navigation’中的顶部导航组件createMaterialTopTabNavigator使用Step1:创建createMaterialTopTabNavigator组件TopNavigatorComponent.jsimport {createAppContainer, createMaterialTopTabNavigator} from 're...

RN提供导航组件‘react-navigation’中的底部导航createBottomTabNavigator使用如下：Step1:创建createBottomTabNavigator组件BottomNavigatorComponent.jsimport {createAppContainer, createBottomTabNavigator} from 'react-navigat...

在RN中使用react-navigation3.+ 提供的StackNavigator出现：null is not an object (evaluating 'RNGestureHandlerModule.*')解决方案参考官方网站配置：Install thereact-navigationpackage in your React Native project.yarn ...

文章目录生命周期Mounting-装载1.1 constructor1.2 `UNSAFE_componentWillMount`1.3 render1.4 componentDidMountUpdating-更新2.1 `UNSAFE_componentWillReceiveProps`2.2 `UNSAFE_componentWillUpdate`2.3 componentWillUpdate...

目录工具安装1. Watchman2. Node3. Yarn、React Native创建首个RN项目(Android)扩展1.React-Native iOS 真机测试详细流程2.解决XCode配置完appid后依然提示如下问题 3.解决安装cocoapods卡住问题工具安装1. WatchmanWatchman由 Facebook...

前言ESLint 由 JavaScript 红宝书 作者 Nicholas C. Zakas 编写， 2013 年发布第一个版本。 NCZ 的初衷不是重复造一个轮子，而是在实际需求得不到 JSHint 团队响应 的情况下做出的选择：以可扩展、每条规则独立、不内置编码风格为理念编写一个 lint 工具。中文官方网站英文官方网站可以去上方网站进行相关资料查阅，长话短说，直接开始入门吧~安装建议采用全局...

5+SDK提供丰富的API以此来访问Native层的对象/方法，本篇主要功能实现html层调用native层的自定义方法以及从html层调转到指定的Activity涉及到Html5+方法：importClass: 导入Java类对象newObject: 创建实例对象invoke: 调用对象（类对象/实例对象）的方法runtimeMainActivity: 获取应

MUI + SDK 使用笔记：MUI是什么：http://ask.dcloud.net.cn/article/91/* MUI 使用说明： * * 1.每个用到mui的页面都调用下mui.init。 * 2.如果需要使用大H5+对象，就写到plusReady中，如plus对象。 */'''【MUI开发注意事项】-------------------------------

功能：       MUI 下拉刷新 结合AJAX 实现网络交互，动态添加元素并追加相应的tap事件       ps：MUI 下拉刷新控件滑动部分是完整的webview（子webview）。所以需要在父webView中创建一个单独的webview。模块：      pullrefresh.html： 下拉刷新父webview      pullrefersh_chil

默认Android开发环境已经配置结束（eclipse+jdk+android-sdk+ADT）1.安装Node.js      1.1 百度 Node.js官网                    下载合适的版本,安装。这里下载 (node-v4.1.0-x86.msi)