zww学习笔记

参考blog地址： https://blog.csdn.net/uxyheaven/article/details/49253757感谢大佬提供的参考， 亲试有效.1、在终端输入一下命令安装插件// 安装sudo gem install tocmd2、编写markdown这里就不贴代码了，显示有些混乱3、在markdown文件所在目录新建目录preview(如果不...

1、View最简单的给组件设定尺寸的方式就是在样式中指定固定的width和height。React Native中的尺寸都是无单位的，表示的是与设备像素密度无关的逻辑像素点。写法一： <View> <View style={{width: 50, height: 50, backgroundColor: 'powderblue'}} /> <View style={{wi

react native安装以及创建工程 1、Homebrew 可以傻瓜安装node，watchman和flow的软件管理工具。 安装命令：$ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/uninstall)"2、 安装node环境。 （1）、使用命令 brew install

在iOS9之后，网络请求默认为Https请求，如需支持Http，修改info.plist文件添加键值对设置允许http访问。设置如下： 在App Transport Security Settings中添加Allow Arbitrary Loads设置为YES即可。

Image组件的常见属性：属性方法onLoad(function）:当图片加载成功后，回调该方法onLoadStart（function）:当图片开始加载的时候调用该方法onLoadEnd(function）:当图片加载结束回调该方法，不会管图片加载成功还是失败onLayout（function）:当 Image 布局发生变化会调用该方法resizeMode:缩放比例，（包含可选参数’co

看到flexbox感觉非常不错,特记之，参考链接：http://www.cnblogs.com/miaomiaoshen/p/6006971.htmlimport React, { Component } from 'react';import { AppRegistry, StyleSheet, Image, Text, View, } from 'react-native

1、TextIput 文本<View style={styles.container}> {/* 文本输入框 */} <TextInput style={styles.textInputStyle} value="this is the Value"></TextInput> </View>const styles = StyleShe

这两天用了VSCode感觉效果还不错，特记之。 首先是工具的安装配置：工具下载地址：https://code.visualstudio.com/Mac按fn+F1输入 ext install 库名 安装安装React native Tools,ext install React Native ToolsVSCode可以进行编译运行 可以进行断点调试 查看后台打印 查找替换等其他工具

ListView的一个小栗子： 工程目录机构： 新建一个DramaComponent.js自定义一个公共组件import React,{Component} from 'react';import { View, Text, ListView, StyleSheet, Image, TouchableOpacity,} from 'react-n

有多处参考来自大神： http://blog.csdn.net/loongggdroid/article/details/53000725首先了解state和props的差异：一个组件可以通过两种数据类型进行控制，一种是props，一种是state。 1）props是在父组件中设置，一旦指定，它的生命周期是不可以改变的。 2）对于组件中数据的变化，我们是通过state来控制的。1、propsp

Switch属性方法 View相关属性样式全部继承(例如:宽和高,背景颜色,边距等相关属性样式)disabled bool 如果该值为true,用户就无法点击switch开关控件，默认为falseonValueChange function 方法，当该组件的状态值发生变化的时候回调方法value bool 该开关的值，如果该值为true的时候，开关呈打开状态，默认为false <V

ES61、解构赋值let [va,vb,vc] = [12,'hello',[3,4]];// va=12, vb='hello',vc=[3,4]let {va,vb} = {x: 'a', y: 1};// va='a', vb=12、默认参数let [x,y='b',c=true] = ['a',undefined];// x='a', y='b', c...

React-Native在开发工程中也有许多实现不了的功能，这就需要借助原生应用来实现了，React-Native实现和iOS原生交互只需要进行以下几个步骤即可。1、导入RCTBridgeModule头文件#import <React/RCTBridgeModule.h>2、引入协议#import <Foundation/Foundation.h>#import <React/RCTBridgeM

1、获取对象的键值es6:let a = {'a1':'1','a2':'2'}Object.keys(a)// ["a1", "a2"]Object.values(a)// ["1", "2"]underscore:let keys = _.keys({one: 1, two: 2, three: 3});console.log(keys);// ["one", "two", "t

从今天开始记录开发过程中遇到的错误。 1、undefined is not an object(evaluating ‘RCTCameraRollManager.saveToCameraRoll’)解决方法： 1、添加RCTCameraRoll.xcodeproj2、导入依赖库

1、利用View绘制上、下三角&lt;View style={{ width:0, height:0, borderTopWidth:12, borderRightWidth:12, borderBottomWidth:0, borderLeftColor:'transparent', borderTopColor:'#656565', borderRi

最近新建React Native项目出现了这样的错误编译总是报错，找到了解决方案，特此记录。错误原因： babel-preset-react-native version : @3.0.0 存在问题导致的解决方案：1、在package.json中添加“babel-preset-react-native”: “2.1.0”"dependencies": { "react": "16.0.0

方法简介：takeSnapshot方法是react-native自带的生成图片的属性，可以将”screen”, “window” 或者 “view”生成对应的图片。兼容： takeSnapshot之前的写法是在UIManager中，新版本后放到了ReactNative模块中。使用： 直接使用以下方法即可调用生成对应视图的图片注意：需要引用ReactNative模块 var ReactNativ

原文地址： http://blog.csdn.net/ElinaVampire/article/details/51813677React Native中的component跟Android中的activity，fragment等一样，存在生命周期，下面先给出component的生命周期图getDefaultPropsobject getDefaultProps()执行过一次后，被创建的类会有缓存，

随着iPhoneX的诞生，UI上也发生了一系列变化。1、iOS11前导航栏的高度是64，其中状态栏(StatusBar)的高度为20。iPhoneX的状态栏(StatusBar)高度变为了44(传感器区域高度)。2、iPhoneX的底部增加了虚拟Home区，由于安全区域的原因默认TabBar的高度由49变为83，增高了34(Home区高度)，所以自定义的底部TabBar也需要需改其适配方案。为了适配

在iOS11上，沉浸式布局不能正常显示，会出现灰色的条条，此时设置automaticallyAdjustContentInsets以无济于事了。但是React Native文档中除了automaticallyAdjustContentInsets外也没有提供额外的设置属性。在原生中可以通过以下代码设置：if(@available(iOS 11.0, *)){ _scrollVi...

主要代码如下：const resetActionTab = NavigationActions.navigate({routeName: 'Tab', action: NavigationActions.navigate({ routeName: 'Home'})});this.props.navigation.dispatch(resetActionTab...

我们在项目里面，经常会用的批次渲染，比如一个列表渲染很多个item，或者一个横排或者竖排同时渲染多个数据等这种情况，一个个写显然是最笨的做法，当数据多时根本无法做到，此时很多人都会想到以下做法：render(){ var eleArray = []; for(var i=0;i<ZWViewExample.examples.length;i++){ var ele=(

文章参考地址： http://bbs.reactnative.cn/topic/204/%E8%AE%BE%E7%BD%AEreact-native%E8%87%AA%E5%AE%9A%E4%B9%89%E5%AD%97%E4%BD%931、引入头文件import React, { Component } from 'react'2、添加以下代码/** * 只需引入该文...

// 路由栈const Navigator = StackNavigator({ Setting: {screen: SettingSCreenView}, ....});1、设置路由状态改变拦截function getCurrentRouteName(navigationState) { if (!navigationState) { ...