React native environment construction please: react native environment constructionHere's the react native. After the creation is complete, the common problems that appear in the runQuestion 1:Java.lang.RuntimeException:SDK locati
?? Code debugging, especially important in the process of program development, can help developers quickly locate problems.?? This paper focuses on the program debugging tools and processes developed by react native.?? Exhale the Developer Menu dialog box as shown in:
Android Physical device or iOS physical device: Shake the phone to exhale.Android Simulator:Command? + M iOS Simulator:C
toilet module. avi│├6-2 Toilet Module Error Tip horizontal vertical center. avi│├6-3 Bathroom Map module development. avi│├6-4 Map scale position move •. Avi│├6-5 Locate successful and failed listener events. avi│├6-6 Show the bathroom and navigate (on). avi│├6-7 Show toilets and navigate (bottom). avi│└6-8 near the bathroom simulator demo. avi├│└7-1 Tool class encapsulation. avi├│├3-1 Backstage System Development explained. avi│└3-2 Interface Background Development summary. avi├│├11-1 Jsbundl
React native Learning One (environment collocation)Homepage, follow the instructions on http://reactnative.cn/docs/0.30/getting-started.html#content, download and install python2、nodejs、git、 Android Studio. Here the first two are relatively good outfit, Android Studio installed quite slow, in fact, should only install the SDK on the line, installation SDK can be http://www.androiddevtools.cn/this inside the
This site article is Li Himi original, reproduced must be clearly noted:Reprinted from "Black Rice gamedev Block" original link: http://www.himigame.com/react-native/2315.htmlHimi recently encountered command/bin/sh failed with exit code 1 error in a real machine run, the emulator runs without any problems. This issue has been resolved, where the solution is shared.First look at the error log, such as:650)
{minifyenabled Enableproguardinreleasebuil DS//Remember to modify the corresponding function to startproguardfiles Fetdefaultproguardfile ('proguard-android.txt),'Proguard-rules.pro'signingconfig Signingconfigs.release}}Note: the backslash (\) in the path is changed to a forward slash (/).5. Enable Proguard code obfuscation (optional)Proguard is a Java bytecode obfuscation compression tool that can be used to exclude parts of the project folder, effectively reducing the size of the APK. In the
folder, we drag the picture from the Unassigned column to the above 1x 2x 3x Random column, and then build the project again.3. Add the image control to the React-native project:
var React = require (' react-native ');
var {
Portal reference:The following link is very detailed, step by step is good ....Https://github.com/NARUTOyuyang/React-NativeHowever, when running react-native run-android error, the terminal displays the error message as follows: Baidu a bit wrong, find a solution:Causes build FAILED to fail.See the above command-line p
Material Design-style component library based on the react native. (For the Platform unified experience, currently only to support Android)
Official website http://mrn.js.org/
Github HTTPS://GITHUB.COM/BINGGG/MRN
Sample Application Online Demo https://appetize.io/app/j48zj9r83cetpd1mhg4g8buc4w
Sample app Download https://github.com/binggg/MaterialReactNative/blob/master/android/app/
React Native Beginner 03 Real-Computer Debugging (IOS)accessing the development server from a deviceWith the development server enabled, you can quickly iterate to modify the app and then view the results on the device. The premise is that your computer and device must be in the same WiFi environment.Open AwesomeApp/ios/AwesomeApp/AppDelegate.m The URL in the change and change localhost to the IP of your
Objective
Flex, contraction, elasticity means. Elastic (Flex) Width high
About the height of the setting in Rn, we mentioned in the last set of image load network picture, first width and height are two properties, to specify the width of a component, when used can be:can also be defined outside, and then cited, this is not much to say.The dimensions in the react native are not units, representing the logic
will have, the bottom of the specific path):Ok! As long as you have this file ~ we can start packing ~ Go to the project root directory! (is the root directory OH) Execute the following command:CD Android . /gradlew assemblerelease Then it will start packing ~ ~ (packing time will be long ~ 10 minutes) Then the following diagram will appear!ok~ Packing Complete ~ ~And then we'll go in, and we'll generate app-release.apk the file under the android/app/build
after the--alias parameter is what you need to use to sign the app in the future, so remember to record the alias. The project location where the generated KeyStore file is placedTo edit the ~/.gradle/gradle.properties, add the following code (note replace it with the corresponding password)Myapp_release_store_file=my-release-key.keystoreMyapp_release_key_alias=my-key-aliasmyapp_release_store_password=*****myapp_release_key_password=*****Note: Once you have published your app in the Play Store
assembleRelease,If you have the NDK installed, then no surprises will successfully package successfully, see in the app/build/outputs/apk directory:If there is no ndk, download a corresponding version.After downloading, then add local.properties in the directory.Add the following content :Configure the sdk.dir and address Pay attention to the double rodExample :Sdk.dir=d:\\android_sdkndk.dir=d:\\android_sdk\\android-ndk-r12bFinally to the last step
To modify the app version number when the version iterationA manual operation 1. AndroidModify android/app/build.gradle the file'sversionNamedefaultConfig { ... versionName "2.0.0" ...}2.IOSOpen with Xcode PROJECT_NAME.xcodeproj , modify PROJECT_NAME/Info.plist theBundle versions string, shortTwo automatically read from the configuration file and write to the appropriate place 1.package.json configuration version{ ... "version": "1.0.1", ...}2.Android:Modify android/app/build.gradle
represent the state----text in the constructor.4. Question four: {This.state.text.split ("). Map ((word) =>word '?? '). Join (')}, how to understand?1. The split () method of the string in JavaScript returns an array, and the length of the array is not 0 (even if the length of the string is 0) .// 2, the map () method of an array is equivalent to a for loop or foreach in Java, the parameter is a function, the return value type or an array 3,= = Symbol, represents a function, the left parenthes
chapter you will learn how the jquery plugin is transformed into a react plugin.9th Chapter Development of category moduleThis chapter completes the development of category modules, including category lists, adding categories and modifying category names and other functions. This focus is on the use of the life cycle, deepening the understanding of the life cycle. 10th Chapter Development of order moduleThis chapter completes the development of the o
After studying react native take time to look at its basic react, using atom to build the Reactjs development environment Atom
GitHub official launch editor atom-beautify plugin
Atom-beautify used to format the code, in the Atom editor open the ' Settings ' panel, you can use the shortcut key command+, to open, open,
After learning react native take time to look at its basic react, using atom to build REACTJS development environment Atom
GitHub officially launched editor atom-beautify plugin
Atom-beautify used to format code, in the Atom editor open the ' Settings ' panel, you can use the shortcut key command+, to open, open to e
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.