At the React.js Conf 2015 meeting, Facebook released React Native, which can develop iOS and Android native apps based on the current hot open source JavaScript library react.js. And react native has been used in production environments--facebook Groups iOS apps are develope
The update of the React-native library is very frequent.
So the first thing we need to know is what version of the react-native is currently in use.
How to get the current version number.
There are two ways of doing this:
1. Open the Package.json file by entering the project's root directory
You can see the vers
Create application: React-native init appName
Run Application:
CD AppName
React-native Run-ios or react-native run-ios--simulator "IPhone 4s"
Use the Xcrun simctl list devices to view the specific device names available
----------
This blog will detail the various problems encountered in react-native development and its solutions.
Personal feeling, react-native early development really is a foot a big pit, the minute is abused to lie down.
No, just a bug.
1, under the Windows Build environment can refer to this blog.
Android windows to build
React-native in the development engineering also has many functions which can not achieve, this needs to use the native application to realize, React-native realizes and the iOS native interaction only needs to carry on the follow
().child(‘users‘).push({
username: name,
email: email
}); this.updateMe("Yoona", "[emailprotected]", ref.key);
} // calling this.appendOneMoreUser("Yuri", ‘[emailprotected]‘, null);
So under "Users" node, we want to append one new node, the UID would be generated randomly.
The "ref" object contains "key" prop which ref to the UID in the database.
Update one node:update ()
updateMe(name, email, key){ const update
0. Preface: Project Address :https://github.com/vczero/React-Native-App Welcome to issues to discuss any issues, including "fitting room" ....I. Introduction of the ProjectThe main features of the React-native Node Address Book app (1) are:
File system-based node. JS service side;
Address Book features
React-Native series Android-Principles of communication between Native and Javascript (III)
The previous two blogs have analyzed in detailNativeAndJavascriptThe communication process can meet the needs of most scenarios.NativeAndJavascriptBut there is still a sound situation.
For exampleJavascriptReal-time retrieval of LayerNativeYou needNativePassive Orientatio
misunderstood myself. Ask for advice.
So, more often, we need to customize the buttons we need. Rather than using it with this
We can use three components to make the buttons we need. Or you can search the github.com website for ' React native button ' to see the work of other people in the community. Touchableopacity Touchablehighlight Touchablenativefeedback
There is also a touchablewithoutfeedback, the
React Native Chinese versionFacebook launched a JavaScript-based open source framework [React Native] at the [React.js Conf] (http://conf.reactjs.com/) Conference (HTTP// facebook.github.io/react-native/), this Chinese course is t
study for a period of time or can not easily so also give up (so that the framework of learning cost is actually higher than the language itself) and the most important thing is that these hybrid products or framework encapsulation is too closed so that if there is a problem, you will be difficult to solve. This is why I choose to abandon these hybrid solutions, of course, these experiences recently was a year ago, early or four or five years ago, the impression is not necessarily in line with
Detailed explanation of native Development of React-native bridge Android,
One day in the long history of RN development, I would like to introduce the ups and downs of Android native development. for a little white who does not understand android, it is a little difficult at the beginning, but it is always difficult a
Reprint please indicate the source:http://blog.csdn.net/developer_jiangqq/article/details/50633488This article is from: "Jiang Qing's blog"This react native explains the topic: mainly explains the react native development, the basic environment constructs the configuration introduction, the foundation, the advanced rel
1, the direct use of nativemodules components, "mycustommodule" is actually our corresponding OC engineering class, "Processstring" is the method in the class/** * Call iOS Module 1 * http://www.cnblogs.com/daomul/*/' Use strict ';varReact = require (' react-native '));var{Nativemodules, View, text,scrollview,stylesheet,touchableopacity} =React;varMessage =React.
We have started using react-native in our project, so Swift learns to lay down a period of time, studied RN for one months, and today shares the learning process:
Study Data collation:
1, react-native Chinese network: http://reactnative.cn/docs/0.27/getting-started.html (recommended, have questions to see the officia
?We can print it out, like iphone6s, this value is printed out width:375,height:667, because the 6s density is 2, so we know that the width of this is DP. Fitting scheme
So, here's the adaptation scheme in Rn: Take 6,6s as an example:UI design Prototypes: Based on Iphone6Resolution: 1334 x 750 px;Screen Size: 4.7 inchesDPI:326DPI (approximately equal to 320dpi,density=2)
Import {Dimensions} from ' react-native
After 3 weeks of time, the first two weeks and the exam, using some trivial time, finally the basic interface of the app to complete the function. Let's take a picture first.
The use of react-native 0.36 version of development, is a lot of the pit, to a simple summary of it.
To tell the truth, an application of user loyalty, the UI is absolutely a big relationship, which is my imitation of the Nuggets cli
Getting started with React Native Development and reactnative
Directory:I. Preface 2. What is React Native 3. Development Environment establishment 4. Preparation knowledge 5. Simplest React Native mini-program 6. Summary 7. Refer
Not long ago, Facebook officially opened the React Native project at the F8 developer Conference. But for IOS only, the Android version needs to wait a bit longer, and this is the latest attempt to develop native apps in the JavaScript language, with sample code quite concise and built-in controls. Facebook also developed an Atom-based ide--nuclide for
1. The first integrated project directory
I'm using it directly in the format of React-native Init project, which means that my Android project directory is in a directory with Node_modules.
After we init the project, the project initialization is completed, at this time we can use the command react-native run-androi
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.