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
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
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
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 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
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
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
"Craftsman Joshui Http://blog.csdn.net/yanbober without permission to reprint, please respect the author's labor results." Private Messages Contact Me "1 BackgroundIn the blink of a year, the last small goal of this year (React Native) seems to leave any trail to next year, React Native want to say love you not easy. W
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
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
The demo is mainly to show a movie message and show 25 movie messages in the ListView. 1. Initialize a project and run
Open Terminal, enter:
React-native Init Demoproject
After entering, initialize a project return information as follows:Sometimes installing React-native package from NPM ...This step will be very slow
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
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-
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
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
sethtml (WebView view, @Nullable String html) {LOG.E ("TAG", "sethtml");View.loaddata (HTML, "text/html; Charset=utf-8 "," UTF-8 ");}}As with native modules, native UI components also need to be registered to implement the reactpackage interface for WebView registration. Add this reactpackage to the Reactinstancemanager instance, in MainactivtyThen create a new Webview.js file on the JavaScript layer. Ente
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.