蓝枫

import React, {Component} from 'react';import {AppRegistry, StyleSheet, Text, View} from 'react-native';class HelloAndroid extends Component { render() { return ( <View>

1.首先执行命令行yarn add react-native-swiper2.执行成功后package.json文件中显示如下"dependencies": { "react": "16.6.3", "react-native": "0.58.4", "react-native-swiper": "^1.5.14" },3

1.首先执行命令行yarn add react-native-popup-dialog2.执行成功后package.json文件中显示如下"dependencies": { "react": "16.6.3", "react-native": "0.58.4", "react-native-popup-dialog": "^0.17.0&q

BlinkApp.js/** * Created by zhoujian on 2019/4/9. */import React, {Component} from 'react';import {Text, View} from 'react-native';import Blink from '../js/Blink'export default class Blin...

指定宽高FixedDimensionsBasics.js/** * Created by zhoujian on 2019/4/9. */import React, {Component} from 'react';import {AppRegistry, View,StyleSheet} from 'react-native';export default class ...

PizzaTranslator.js/** * Created by zhoujian on 2019/4/9. */import React, {Component} from 'react';import {AppRegistry, Text, TextInput, View} from 'react-native';export default class PizzaT...

显示一个简单的按钮ButtonBasics.js/** * Created by zhoujian on 2019/4/9. */import React, {Component} from 'react';import {Alert, AppRegistry, Button, StyleSheet, View} from 'react-native';export de...

Scrolled.js/** * Created by zhoujian on 2019/4/9. */import React, { Component } from 'react';import { AppRegistry, ScrollView, Image, Text } from 'react-native';export default class Scroll...

FlatListFlatListBasics.js/** * Created by zhoujian on 2019/4/9. */import React, {Component} from 'react';import {FlatList, StyleSheet, Text, View} from 'react-native';export default clas...

FetchExample.js/** * Created by zhoujian on 2019/4/9. */import React, {Component} from 'react';import {FlatList, ActivityIndicator, Text, View, Alert} from 'react-native';export default cl...

SampleAppMovies.js/** * Created by zhoujian on 2019/4/9. */import React, {Component} from "react";import {Image, FlatList, StyleSheet, Text, View, Alert} from "react-native";var REQUEST_U...

/** * Created by zhoujian on 2019/4/9. */import React, {Component} from 'react';import {Image} from 'react-native';export default class Bananas extends Component{ //一、基础组件 //(1) View:...

DialogModal.js/** * Created by zhoujian on 2019/4/9. */import React, {Component} from 'react';import { StyleSheet, Text, View, Modal, TouchableOpacity} from 'react-native...

App.js/** * Sample React Native App * https://github.com/facebook/react-native * * @format * @flow * @lint-ignore-every XPLATJSCOPYRIGHT1 */import React, {Component} from 'react';import ...

React Native 版本升级到0.43以后，Navigator不能直接从react-native里面获取了解决方案：yarn addreact-native-deprecated-custom-components成功后，在package.json文件中 "dependencies": { "react": "16.6.3", "react-nat...

1. sudo lsof -i:8081  查看端口8081被哪个进程占用2.kill -9 48547 杀死占用端口的进程485473.adb reverse tcp:8081 tcp:8081 反向代理8081端口4.react-native --version //查看当前reactNative版本5.npm install //给下载的普通工程下载安装RN环境,根据配置的p...

import React, {Component} from 'react';import {AppRegistry, View} from 'react-native';class HelloAndroid extends Component { render() { return ( <View> <View sty

弹性（Flex）宽高 在组件样式中使用flex可以使其在可利用的空间中动态地扩张或收缩。 一般而言我们会使用flex:1来指定某个组件扩张以撑满所有剩余的空间。如果有多个并列的子组件使用了flex:1，则这些子组件会平分父容器中剩余的空间，如果这些并列的子组件的flex值不一样，则谁的值更大，谁占据剩余空间的比例就更大（即占据剩余空间的比等于并列组件间flex值的比）。import React,

1.flexDirection水平方向import React, {Component} from 'react';import {AppRegistry, View} from 'react-native';class HelloAndroid extends Component { render() { return ( //flexDirecti

React Native简介React Native是Facebook 在2015 大会上推出的基于 JavaScript 的开源框架。React Native 结合了 Web 应用和 Native 应用的优势，可以使用 JavaScript 来开发 iOS 和 Android 原生应用。开发者只需学习一种语言就能轻易为任何平台高效地编写代码。React Native着力于提高多平台开发的开发效率

index.android.js//查看8081端口占用情况：lsof -i tcp:8081//去除占用：kill pid（具体数字）//ES2015的特性：import、from、class、extends、() =>等import React, {Component} from 'react';import {AppRegistry, Text} from 'react-native'

props属性：组件在创建的时候可以使用各种参数来进行定制，用于定制的这些参数称为props属性import React, {Component} from 'react';//Image 图片组件import {AppRegistry, Image} from 'react-native';class HelloAndroid extends Component { render()

import React, {Component} from 'react';import {AppRegistry, Text, View} from 'react-native';class MyComponent extends Component { constructor(props) { super(props); // 初始化 state

import React, {Component} from 'react';import { AppRegistry, Image, View, Text, TextInput, Alert, StyleSheet,Button} from 'react-native';// sudo lsof -i :8081//kill -9 48547export default c...

import React, {Component} from 'react';import { AppRegistry, Image, View, Text, TextInput} from 'react-native';export default class HelloWorld extends Component { constructor(props) { ...

import React, {Component} from 'react';import { AppRegistry, View, Text, StyleSheet, FlatList} from 'react-native';export default class HelloWorld extends Component { rend...

import React, {Component} from 'react';import { AppRegistry, View, Text, StyleSheet, FlatList, SectionList} from 'react-native';export default class HelloWorld extends Com...

import React, {Component} from 'react';import { AppRegistry, Text, ScrollView} from 'react-native';export default class HelloWorld extends Component { render() { return (...

import React, {Component} from 'react';import { AppRegistry, Text, View, FlatList, ActivityIndicator} from 'react-native';export default class HelloWorld extends Component {...

Bananas.js/** * Created by zhoujian on 2019/4/9. */import React, {Component} from 'react';import {Image} from 'react-native';export default class Bananas extends Component{ //以常见的基础组件Ima...