It is said that tools make our use more convenient, but recently research react-native packaging and webpack These tools, really a sad tears. It feels like these development tools are very unfriendly to the window system, and foreigners are all using the Mac system's local tyrants.To get to the point, write down this packaging process today, with the aim of helping those kids who work with me in the window
React Native combines the benefits of Web apps and Native apps with JavaScript to develop native IOS and Android apps. In JavaScript, use React abstract OS native UI components instead of DOM elements to render.React
Actionsheetios Method
Static Showactionsheetwithoptions (Options:object, callback:function): Display Pull-up menu
Static Showshareactionsheetwithoptions (Options:object, Failurecallback:function, successcallback:function): Show Share Menu Example
' Use strict ';
var React = require (' react-native ');
var {actionsheetios, StyleSheet, Text, View,} =
React-native (iv)--listview Navigator.push
1. Must be added when using Nav
Touchablehighlight,
Navigatorios;
var {
appregistry,
StyleSheet,
Text,
View,
Navigatorios,
touchablehighlight,
} = React;
Nav must have a rootview when used, which is basically the same as iOS, which is used as follows:
-(Instancetype) Initwithrootviewcontroller: (Uiviewcont
Inside The app component, we use Navigatiorios to render the compoent:class Githubnotetaker extends Component { render () { return ( Navigatorios Style={styles.container} initialroute={ ' Github Note taker ' , component:main }} /> );} }This is a like rouer. ' Initialroute ': For the initial loading, it'll loads ' Main ' component by default.Whole Code for Index.ios.js:/** * Sample React
First, touchable gestures1.React Native provides 4 components to do this, specifically as follows:touchablehighlight: Highlight Touch, when the user clicks, will produce a highlight effect;Touchablenativefeedback:touchableopacity: Transparent touch, when the user clicks, the clicked component will not appear any visual changes;touchablewithoutfeedback: No feedback touch, when the user clicks, the clicked co
react-native Custom Package Refresh component
A few months did not write a blog, recently has been writing react and react-native, a few days ago just sent a version based on React-native
This site article isLi Himioriginal, reprint must indicate in obvious place:reprinted from "Black Rice gamedev Block" original link:Http://www.himigame.com/react-native/2260.htmlThis article introduces two details:1. On how to manage Index.android.js and index.ios.js in a unified way.2. Simple introduction and use of Platform componentsOne: The Index.android.js and the Index.ios.js Unified management togeth
React Native Study Notes 2, reactnative
1: How to Create a react native Project
First, go to the specified folder and execute react-native init ReactNativeProject on the terminal. ReactNativeProject is the project name;
2: How
Recently in the study of react Native. The feeling of development efficiency is really good, but the JSX grammar is not very comfortable to write.Tried the sublime Text 3 and visual Studio code to write codes, feeling the reaction is always slow a pat.or want to change back VS2015 write jsx, but with vs write jsx seems to be only in the suffix of. jsx file inside write. (Do not know if the VS has directly s
Special statement: I code is not used for any commercial purposes, but some of the personal learning experience, in order to make later more programmers less go some detours. * (If infringement of your copyright will be forgiven) *.Development tools: Webstorm,xcode1. The creation of Rn is generally created with this, because the latest is the wall:React-native Init MyApp--version 0.44.32. example code for the class that is cited in the library:Import
1. Build the react-native environment in the CMD interface: refer to Https://reactnative.cn/docs/0.51/getting-started.html#content(1) npm install- g yarn react-native-cli Install the Yarn command tool and the react-native command
1.
Task ': App:compiledebugjavawithjavac '. > Could not find Tools.jar
Is that the Java environment is not configured
D:/java\jdk1.8.0_66 ".
2.
D:\android\workspace\awesomeproject>react-native run-android JS Server already running.Building and installing the app on the device (CD Android Gradlew.bat installdebug ...Failure:build failed with a exception.* What went wrong:A problem occurred configuring pro
Reference article:Debugdeveloper options for Memory leak in profile react-native
Pressing CTRL+COMMAND+Z or COMMAND+D on the simulation window will bring up the developer options for react native:
Reload
Rerun the program, similar to pressing COMMAND+R in Xcode. Debug in Chrome
Debug in Chrome, enter HTTP://LOCALHOST:8
The configuration of the environment depends on the operating platform you are applying, IOS, Android, or both. You just need to choose one, because different environments are just a little different when you are in Setup. The following is an environment configuration that is run on the IOS system using Mac. Environment Configuration
Development tools: Xcode, node.js, react Native command line tools, Watchm
In-depth introduction to React Native 2: My first application, reactnative
This is the second article in The React Native tutorial.
1. Environment Configuration
After the React Native environment is configured, you can start to c
Nodejs once the front-end JS pushed to the server side, and the 15 FB react-native RN again to push JS to the mobile side of the development wave. The advantages of Rn are not repeated here, it is that we are accustomed to the server, web-side development, and do not want to spend too much time mastering the Android, iOS Mobile-native development of the people's
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.