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
Editor: This article is from the Ctrip framework Research and Development Department senior manager Wei Xiaojun in the second " Ctrip technology micro-sharing" on the sharing, the following is the collation of the text record. Click here for video playback . Follow Ctrip Technology Center Ctriptech to learn more about micro-sharing courses. As support for the development of native applications with JavaScript, Re
GitHub Address: Https://github.com/lyxia/RNWeiBo
http://www.jianshu.com/p/4190205d9811
IOS AndroidReact-native version 0.40.0MOBX, redux schema completed
1, micro-blog Home2, micro-blog Details page3, point praise4, unread message red dot5, publish the page animation6, micro-blog content of the emoji7, save token, automatically verify token, preload userinfo8, up and down pull refresh operation
1. Git clone https://github.com/lyxia/RNWeiBo2. CD R
Objective
Recently, there are new projects, so long have not written a blog, and then all use leisure time to learn react-native.
Because the employment environment of Android and iOS brings unprecedented impact to mobile development, so many partners have to find another way, and now the more popular Hybird and react-
Facebook released React Native for Android in 2015.9.15, extending JavaScript development technology to the Android platform. React Native allows developers to write applications using JavaScript and React, using the same core code to create
simple, just a button
type Props = {};export default class App extends Component
4th step, the. arr and. Framework files are dependent into the react native project
Android section:Use Android Studio to open the React Native Project catalog/android (note Pop-up prompts do not update when prompted)ChooseFile->new modul
Ext.: https://mp.weixin.qq.com/s?__biz=MzA3ODg4MDk0Ng==mid=2651112392idx=1sn= 135e29ddde3050d469be98db815c267escene=0key= 18e81ac7415f67c4bcc2eaac3ca13f8d294ec1b8fa5828d4d7f13f2e81cc62f72e55e828ee04e2002284521336a3766dascene=0 uin=mjc3otu3nzk1devicetype=imac+macbookpro10%2c1+osx+osx+10.10.5+build%2814f1808%29version= 11020201pass_ticket=iyyr6c4vunt0%2bavp7kh4qx0%2f3due6hvy8d0m%2fe3husz%2b3%2bljlkzmzgkeegjnzgofReact Native for more than a year, many co
Recommended 11 React Native Open Source Mobile UI componentsOschina posted 10 month ago, total 14 reviewsThis article recommends 11 great React Native Open source components, which hopefully will help mobile app developers.React Native is a recent Facebook
picture.Then we need to use the image of this component, first of all needs to import in:
Import {
appregistry,
Image,
StyleSheet,
Text,
View
} from ' react-native ';
We'll add image to the project and then we can use this component.We randomly found a picture on the Internet. Then change the contents of the render () {} method to:
Let pic={
uri: ' http://p4.music.126.net/cq1STvQ6q5b
, but I couldn't switch to our link, so I threw the pot to the background, which side of React is incorrect.
Because the previous project was too time-consuming and didn't have time to take a good look at the source code, I thought of a not-perfect solution, that is, the webpage uses js to call the App back and forth to tell the current navigation status, this solution is unfriendly.
Now I have a little time to read the source code to find out the rea
React Native Concept Introduction noun explanationFirst, several key words are listed:
React
Native
React Native
These three words do not really have much to do with it, and we explain it individually:
When I first tried reactnative, I thought it was just a astray for web developers to get involved in native mobile applications.I think it's really cool that a JS developer can use JavaScript to build the iphone app, but I quickly gave up the idea of using it. After all, I've been working on iOS native for a hobby for years, and I'm already familiar with this set of development tools.I've created some of th
React Native HelloWorld' Use strict ';This line of code is used to turn on Strict mode,strict Mode error handling can be improved, javascript some language flaws can also be avoided. In short, JavaScript works better in this mode!var React = require (' react-native ');The c
a specific version of the project. For example react-native init MyApp --version 0.44.3 . Note that the version number must be exactly two decimal points.The init command creates the latest version by default, and the latest need to download the boost library compilation. This library is large in size, even FQ in China is difficult to download successfully, resulting in many people can not run the iOS proj
In the WIN10 environment, the Genymotion simulator is used to configure the react-native environment.First, install the JDKTo download the JDK online, the best version is more than 1.8. Configure the environment variables after installation.Also configure the JDK environment variables in Path :
Description
After installation, you can pass
Java –version
To view the version of the current
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.