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-
1 entry to project update NPM as Jerry points out, this is an error in NPM. There is now a hotfix available. You can use the update npm npm i-g npm . deleted react Native, npm remove--save react-native and reinstall the RNNBSP; npm i--save react-
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-vec
1. First, the name of the app:: My project is called "book" in the Info.plist file in the following settings to set the app information: such as bundle name is set the name of the app2.APP icon: (Note here: 1.app of the icon has a size, so if the size of the picture is not correct, the compilation will fail!) 2. The circle of the icon is set by the system itself,
button to select Add files to ' XXX ', select the project in the path of the file can be: node_modules-> react-native-image-picker-> iOS- > select Rnimagepicker.xcodeproj
2, add success after the use of link command: React-native link react-
and OTF:
Import
To use react-native-icons, you need to add the following statement in your code:
var {
Icon,
} = require (' react-native-icons ');
Select Icon
category
Number of icons
Reference name
[React Native Development] ToolbarAndroid Toolbar Control of React Native control (15)(1) Preface
Today, let's take a look at the complete parsing and best practices of ToolBarAndroid, a tool bar control.
The newly created React Native
Http://bbs.reactnative.cn/topic/306/%E5%9C%A8react-native%E4%B8%AD%E4%BD%BF%E7%94%A8artThe first half month churn react Native ARTNow you're free to share your thoughts on art usage in react nativeWhat exactly is React Native ART?
animation flashed over , not smooth, the support for Android here is not very good, or where I set the wrong?tab Toggle :tab switching is easier to do, but one thing, in the process of page switching, do not re-render each tab corresponding to the content, re-render will clear the current state of the page, such as the position of the scroll bar, and poor performance, for reference Navigator, Move the non-focused tab page outside the viewable range.The icon
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
1. PrefaceReact native gave us the ability to develop native apps using JavaScript, and after using react native to complete interest tribe Android, we began to continuously optimize the interface implemented by react native. The
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
components, in the react native components have Navigatorios and navigator two navigation components for our choice, from API Doc we can see that Navigatorios only support the iOS platform, Navigator is supported by two platforms.So if we're going to develop apps that need to fit Android and iOS, then Navigator is the best option.
In addition, similar examples include the tabbarios of the bottom navigation
option configuration this.refs.chart.postMessage (json.stringify (option));} Render () {/** The resources loaded under Android are different from iOS and need to be compatible, * is to copy the current chart.html to Android/app/src/main/assets */Const Source = (P Latform. OS = = ' iOS ')? Require ('./chart.html '): {uri: ' file:///android_asset/chart.html '} return (So far, our Echar components are packaged, so let's see how we can use them.Import React
Example code of the React Native imitation Meituan drop-down menu, reactnative
This article introduces the instance code of the React Native imitation Meituan drop-down menu. We are also learning React Native recently and share it
Recently in a small exercise project, users need to jump to the user login information interface, half an hour of overtime to finally the layout of the interface. Contact Rect-native also has a period of time, previously did not do iOS, only done Android, on the layout and development efficiency, react-native to my feeling is the development efficiency is much hi
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.