Once setup has finalized and you're presented with the Welcome screen, proceed to the next step.
Android Studio installs the latest Android SDK by default. Building a React Native app with native code, however, requires the Android 6.0 (Marshmallow) SDK in particular. Additional Android SDKs can be installed through the SDK Manager in Android Studio.
Android Studio installs the latest Android SDK by default. Building a React Native app with native code, however, requires the Android 8.0 (Oreo) SDK in particular. Additional Android SDKs can be installed through the SDK Manager in Android Studio.
The SDK Manager can be accessed from the "Welcome to Android Studio" screen. Click on "Configure", then select "SDK Manager".
-The SDK Manager can also be found within the Android Studio "Preferences" dialog, under Appearance & Behavior → System Settings → Android SDK.
Select the "SDK Platforms" tab from within the SDK Manager, then check the box next to "Show Package Details" in the bottom right corner. Look for and expand the Android 6.0 (Marshmallow) entry, then make sure the following items are all checked:
Select the "SDK Platforms" tab from within the SDK Manager, then check the box next to "Show Package Details" in the bottom right corner. Look for and expand the Android 8.0 (Oreo) entry, then make sure the following items are all checked:
Google APIsAndroid SDK Platform 23Intel x86 Atom_64 System ImageAndroid SDK Platform 26Google APIs Intel x86 Atom_64 System Image
Next, select the "SDK Tools" tab and check the box next to "Show Package Details" here as well. Look for and expand the "Android SDK Build-Tools" entry, then make sure that 23.0.1 is selected.
Next, select the "SDK Tools" tab and check the box next to "Show Package Details" here as well. Look for and expand the "Android SDK Build-Tools" entry, then make sure that 26.0.3 is selected.
Finally, click "Apply" to download and install the Android SDK and related build tools.
Select the "x86 Images" tab, then look for the Marshmallow API Level 23, x86_64 ABI image with a Android 6.0 (Google APIs) target.
+Select the "x86 Images" tab, then look for the Oreo API Level 26, x86_64 ABI image with a Android 8.0 (Google APIs) target.
We recommend configuring VM acceleration on your system to improve performance. Once you've followed those instructions, go back to the AVD Manager.
diff --git a/docs/next/getting-started/index.html b/docs/next/getting-started/index.html index 96a3e463af8..be5c873d356 100644 --- a/docs/next/getting-started/index.html +++ b/docs/next/getting-started/index.html @@ -254,7 +254,7 @@
Once setup has finalized and you're presented with the Welcome screen, proceed to the next step.
Android Studio installs the latest Android SDK by default. Building a React Native app with native code, however, requires the Android 6.0 (Marshmallow) SDK in particular. Additional Android SDKs can be installed through the SDK Manager in Android Studio.
Android Studio installs the latest Android SDK by default. Building a React Native app with native code, however, requires the Android 8.0 (Oreo) SDK in particular. Additional Android SDKs can be installed through the SDK Manager in Android Studio.
The SDK Manager can be accessed from the "Welcome to Android Studio" screen. Click on "Configure", then select "SDK Manager".
-The SDK Manager can also be found within the Android Studio "Preferences" dialog, under Appearance & Behavior → System Settings → Android SDK.
Select the "SDK Platforms" tab from within the SDK Manager, then check the box next to "Show Package Details" in the bottom right corner. Look for and expand the Android 6.0 (Marshmallow) entry, then make sure the following items are all checked:
Select the "SDK Platforms" tab from within the SDK Manager, then check the box next to "Show Package Details" in the bottom right corner. Look for and expand the Android 8.0 (Oreo) entry, then make sure the following items are all checked:
Google APIsAndroid SDK Platform 23Intel x86 Atom_64 System ImageAndroid SDK Platform 26Google APIs Intel x86 Atom_64 System Image
Next, select the "SDK Tools" tab and check the box next to "Show Package Details" here as well. Look for and expand the "Android SDK Build-Tools" entry, then make sure that 23.0.1 is selected.
Next, select the "SDK Tools" tab and check the box next to "Show Package Details" here as well. Look for and expand the "Android SDK Build-Tools" entry, then make sure that 26.0.3 is selected.
Finally, click "Apply" to download and install the Android SDK and related build tools.
Select the "x86 Images" tab, then look for the Marshmallow API Level 23, x86_64 ABI image with a Android 6.0 (Google APIs) target.
+Select the "x86 Images" tab, then look for the Oreo API Level 26, x86_64 ABI image with a Android 8.0 (Google APIs) target.
We recommend configuring VM acceleration on your system to improve performance. Once you've followed those instructions, go back to the AVD Manager.
diff --git a/docs/next/performance.html b/docs/next/performance.html index 7492c4a4975..34cdb245b99 100644 --- a/docs/next/performance.html +++ b/docs/next/performance.html @@ -257,10 +257,12 @@ export default Adding a packager config fileCreate a folder in your project called packager, and create a single file named config.js. Add the following:
const config = { - getTransformOptions: () => { - return { - transform: { inlineRequires: true }, - }; + transformer: { + getTransformOptions: () => { + return { + transform: { inlineRequires: true }, + }; + }, }, }; @@ -321,18 +323,19 @@ module.exports = config; const ROOT_FOLDER = path.resolve(__dirname, '..'); const config = { - getTransformOptions: () => { - const moduleMap = {}; - modulePaths.forEach(path => { - path = resolve(ROOT_FOLDER, path); - if (fs.existsSync(path)) { - moduleMap[path] = true; - } - }); - return { - preloadedModules: moduleMap, - transform: { inlineRequires: { blacklist: moduleMap } }, - }; + transformer: { + getTransformOptions: () => { + const moduleMap = {}; + modulePaths.forEach(path => { + if (fs.existsSync(path)) { + moduleMap[resolve(path)] = true; + } + }); + return { + preloadedModules: moduleMap, + transform: { inlineRequires: { blacklist: moduleMap } }, + }; + }, }, }; diff --git a/docs/next/performance/index.html b/docs/next/performance/index.html index 7492c4a4975..34cdb245b99 100644 --- a/docs/next/performance/index.html +++ b/docs/next/performance/index.html @@ -257,10 +257,12 @@ export default Adding a packager config fileCreate a folder in your project called packager, and create a single file named config.js. Add the following:
const config = { - getTransformOptions: () => { - return { - transform: { inlineRequires: true }, - }; + transformer: { + getTransformOptions: () => { + return { + transform: { inlineRequires: true }, + }; + }, }, }; @@ -321,18 +323,19 @@ module.exports = config; const ROOT_FOLDER = path.resolve(__dirname, '..'); const config = { - getTransformOptions: () => { - const moduleMap = {}; - modulePaths.forEach(path => { - path = resolve(ROOT_FOLDER, path); - if (fs.existsSync(path)) { - moduleMap[path] = true; - } - }); - return { - preloadedModules: moduleMap, - transform: { inlineRequires: { blacklist: moduleMap } }, - }; + transformer: { + getTransformOptions: () => { + const moduleMap = {}; + modulePaths.forEach(path => { + if (fs.existsSync(path)) { + moduleMap[resolve(path)] = true; + } + }); + return { + preloadedModules: moduleMap, + transform: { inlineRequires: { blacklist: moduleMap } }, + }; + }, }, };