react native playground

React Native Knowledge 11-Props (properties) and State (State), react11-props I. Props (attributes) Most components can be customized using various parameters during creation. These parameters are called properties ). Props is specified in the parent component, and once specified, it will not change in the lifecycle of the specified component By using different attributes for customization in different scen

One: Props ( attribute)Most components can be customized with various parameters when they are created. These parameters, which are used for customization, are called Props (attributes). props is specified in the parent component and, once specified, is no longer changed in the lifetime of the specified component By using different property customizations in different scenarios, you can maximize the reuse of your custom components. Simply refer to This.props in the render function and then proce

. Misunderstanding of React's Virtual DOM. React never said "React is faster than native operation DOM." React's Basic thinking pattern is to re-render the entire application every time there is a change. If there is no Virtual DOM, the simple thing to do is to reset InnerHTML directly. Many people do not realize that in a large list of all the data has changed,

The implementation of this tutorial is as follows:In order to achieve its fade-in/fade-out coverage, there is a Cancel button, here with a three-party component, you can first install:Three-party components address: Https://github.com/eyaleizenberg/react-native-custom-action-sheet (can see, you can also go directly to my steps)1. Run the project directory in Terminal: NPM install

Example code of the react native indexed city list component, reactnative City list selection is a common feature of many apps, such as a typical meitu app. So how can we implement React Native? To achieve the above results, you must first make a simple analysis of the composition of the interface, the interface data

Source Code /** * Sample React Native App * https://github.com/facebook/react-native */' use strict '; var React = require (' react-native '); var {appregistry, StyleSheet, Text, Vi

React Native developed Address Book application (using JavaScript to develop native iOS apps, Vczero) 0, Preface: Project Address: HTTPS://GITHUB.COM/VCZERO/REACT-NATIVE-APPWelcome to issues to discuss any issues, including "fitting room" ....I. Project introduction based on

Some time ago react Native for Android released, feel react Native will be more and more companies began to research, use. So Saturday also took time to build the iOS development environment, so that in the future to take advantage of leisure to learn.Needless to say, the following is a simple list of steps.1. Installi

A react native iOS app streamlines records from the start to the on-line process. Develop your computer for Mac, so the following commands correspond to actions under Mac. First open the official Getting Started documentation and configure the environment step-by-step with the guide.Official Getting Started documentation This starts before assuming that your computer's NPM and other tools have been insta

PrerequisitesRN 0.23 NPM 3.7.3 node 5.9.1 system WinX python 2.7.x Preface The development process of a variety of icons naturally, if you can use Fontawesome and other icon fonts, nature can bring great convenience, but in the RN is not directly quoted, fortunately, someone has done the relevant components, React-native-vector-icons is one of the best.If you are interested in this component you can go to

When it comes to layouts, whether it's Android or iOS or the Web front end, there are layouts in the React native, mostly using flexbox layouts like CSS, but this layout is a little bit different from the Flexbox layout in CSS. The following is a list of the methods used in react native to use the Flexbox layout, mainl

React is composed of Reactjs and React native, of which Reactjs is a front-end frame of Facebook open source, React native is the embodiment of Reactjs thought on native! JSX is not a new language, it's just a syntactic sugar that

Today is nothing, engaged in the react Native, also are just started to get, and did not feel it's strong, hey. Today is a demo can run. I hereby record the construction process and save it for future use.Hereby declare, only process, do not guarantee hundred percent success, because I was in the construction of reference to a lot of things related articles, but also please crossing from the discretion, La

/** * Sample React Native App * https://github.com/facebook/react-native*/' Use strict 'import React, {appregistry, Component, StyleSheet, Text, View, Image} from' React-native '; class

Available style attributes in the Andriod React Native style sheet After writing so many blog posts about Android React Native, we basically finished all the complicated things. Next, let's take a look at some simple things that are related to layout, that is, css styles, which css styles can be set for a View? Is the

Icons is can directly use the image name, you can load the three sides of the picture, the use is very convenient, you do not need to plug various pictures in the project folder, save a lot of space, the following to see how to use it!1. First open the terminal into our project folder (please refer to: http://blog.csdn.net/margaret_mo/article/details/51304062)Input: npm Install react-native-vector-icons--sa

Steps Http://facebook.github.io/react-native/docs/getting-started.html#content Follow the steps of the react native website step by step installation, record for example1. Install homebrew (enter the command at the command terminal according to the official website)2. Install NVM (Node version manager), w

React-native Layout Width unit and pixel density The react width does not support percentages. When setting the width, the unit {width: 10} is not required. What is the specific width of 10? I don't know whether the documents on the official website are incomplete or I am blind, but I still cannot find them. I 'd like to find an experiment myself: The default re