韩万杰的博客

安装React Native 执行react-native init RNDemo 出现报错 error Received malformed response from registry for undefined. The registry may be down. 解决方法 npm config set registry https://registry.npm.taobao.org

Navigatorimport React,{Component} from 'react'; import { AppRegistry, StyleSheet, Text, View, Navigator,} from 'react-native'; import Oneview from './oneview'export default class na

import React,{Component} from 'react'; import { AppRegistry, StyleSheet, Text, View, TabBarIOS, AlertIOS,} from 'react-native'; var one = 'https://img.alicdn.com/imgextra/i1/222

import React, {Component} from 'react'; import { AppRegistry,//注册 StyleSheet,//样式 Text,//文本组件 View,//视图组件 Image,//图片组件 TextInput, ScrollView, } from 'react-native';//引入像素点库

需要输出的类import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View, } from 'react-native';var Dimensions = require('Dimensions'); //获取屏幕宽度 var screenWidth = Di

//相当于button使用 <TouchableHighlight //点击后的背景颜色 underlayColor="#1FB579" //设置点击事件 onPress={hanwanjie}

一种读取RN项目本地资源 <Image source={require('./resources/images/loginImage.png')} />一种读取ios项目本地资源直接写图片名字 <Image source={require('loginImage.png')} />一种读取网络图片资源 如果读取http网络图片资源需要更改info.plish中的网络权限 <Image sour

resizeMode有三种模式 /* * cover 等比例拉伸、 * strech保持原有大小 * contain 图片拉伸充满空间 * */ resizeMode:’contain’,

import React, {Component} from 'react'; import { AppRegistry, StyleSheet, Text, View, ScrollView, Image, AlertIOS,} from 'react-native';var TimerMixin = require('react-timer

iOS使用react-native时按cmd+r不能刷新模拟器

import React,{Component} from 'react';import { AppRegistry, StyleSheet, Text, View, ListView, AlertIOS, } from 'react-native';var Dimensions = require('Dimensions');var width =

import React, {Component} from 'react'; import { AppRegistry, StyleSheet, Text, View, ListView, TouchableOpacity, } from 'react-native';// var Car = require('./Car.json');export

import React, { Component } from ‘react’; import { AppRegistry, Text, View } from ‘react-native’;class Blink extends Component { //构造函数 constructor(props) { super(props); this.state = {

/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, {Component} from ‘react’; import { AppRegistry,//注册 StyleSheet,//样式 Text,//文本组件

/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, {Component} from ‘react’; import { AppRegistry,//注册 StyleSheet,//样式 Text,//文本组件

/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, {Component} from ‘react’; import { AppRegistry,//注册 StyleSheet,//样式 Text,//文本组件

/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, {Component} from ‘react’; import { AppRegistry,//注册 StyleSheet,//样式 Text,//文本组件

import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View, ListView, TouchableOpacity, AlertIOS, } from 'react-native';var dataSources = ['1','1

import React,{Component} from 'react'; import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, AlertIOS, } from 'react-native';class test1 extends Component{ state =