├── .alexignore ├── .alexrc.js ├── .all-contributorsrc ├── .circleci └── config.yml ├── .github ├── CODEOWNERS ├── ISSUE_TEMPLATE │ ├── bug_report.md │ ├── config.yml │ └── other.md ├── PULL_REQUEST_TEMPLATE.md ├── stale.yml └── workflows │ └── reviewdog.yml ├── .gitignore ├── .prettierrc ├── .textlintrc.yml ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── LICENSE ├── LICENSE-docs ├── README.md ├── STYLEGUIDE.md ├── TRANSLATION.md ├── design ├── Design Assets │ └── React-icon.svg ├── Design │ └── react-native-website.sketch ├── Illustrations │ ├── diagram_pressable.ai │ ├── dissection_images.psd │ └── illustrations_security.ai └── illustrations │ ├── devices.ai │ ├── devices_arranged.ai │ ├── diagram_android-ios-views.ai │ ├── diagram_components.ai │ ├── diagram_pkce.sketch │ ├── diagram_testing-varieties.ai │ ├── diagram_testing.ai │ ├── p_catheads.ai │ └── p_rn_url.ai ├── docs ├── _getting-started-linux-android.md ├── _getting-started-macos-android.md ├── _getting-started-macos-ios.md ├── _getting-started-windows-android.md ├── _integration-with-exisiting-apps-java.md ├── _integration-with-exisiting-apps-objc.md ├── _integration-with-exisiting-apps-swift.md ├── accessibility.md ├── accessibilityinfo.md ├── actionsheetios.md ├── activityindicator.md ├── alert.md ├── alertios.md ├── animated.md ├── animatedvalue.md ├── animatedvaluexy.md ├── animations.md ├── app-extensions.md ├── appearance.md ├── appregistry.md ├── appstate.md ├── asyncstorage.md ├── backhandler.md ├── building-for-tv.md ├── button.md ├── checkbox.md ├── clipboard.md ├── colors.md ├── communication-android.md ├── communication-ios.md ├── components-and-apis.md ├── custom-webview-android.md ├── custom-webview-ios.md ├── datepickerandroid.md ├── datepickerios.md ├── debugging.md ├── devsettings.md ├── dimensions.md ├── direct-manipulation.md ├── drawerlayoutandroid.md ├── dynamiccolorios.md ├── easing.md ├── fast-refresh.md ├── flatlist.md ├── flexbox.md ├── gesture-responder-system.md ├── getting-started.md ├── handling-text-input.md ├── handling-touches.md ├── headless-js-android.md ├── height-and-width.md ├── hermes.md ├── image-style-props.md ├── image.md ├── imagebackground.md ├── imageeditor.md ├── imagepickerios.md ├── images.md ├── improvingux.md ├── inputaccessoryview.md ├── integration-with-android-fragment.md ├── integration-with-existing-apps.md ├── interactionmanager.md ├── intro-react-native-components.md ├── intro-react.md ├── introduction.md ├── javascript-environment.md ├── keyboard.md ├── keyboardavoidingview.md ├── layout-props.md ├── layoutanimation.md ├── layoutevent.md ├── libraries.md ├── linking-libraries-ios.md ├── linking.md ├── modal.md ├── more-resources.md ├── native-components-android.md ├── native-components-ios.md ├── native-modules-android.md ├── native-modules-intro.md ├── native-modules-ios.md ├── native-modules-setup.md ├── navigation.md ├── network.md ├── optimizing-flatlist-configuration.md ├── out-of-tree-platforms.md ├── panresponder.md ├── performance.md ├── permissionsandroid.md ├── picker-item.md ├── picker-style-props.md ├── picker.md ├── pickerios.md ├── pixelratio.md ├── platform-specific-code.md ├── platform.md ├── platformcolor.md ├── pressable.md ├── pressevent.md ├── profile-hermes.md ├── profiling.md ├── progressbarandroid.md ├── progressviewios.md ├── props.md ├── publishing-to-app-store.md ├── pushnotificationios.md ├── ram-bundles-inline-requires.md ├── react-node.md ├── rect.md ├── refreshcontrol.md ├── running-on-device.md ├── running-on-simulator-ios.md ├── safeareaview.md ├── scrollview.md ├── sectionlist.md ├── security.md ├── segmentedcontrolios.md ├── settings.md ├── shadow-props.md ├── share.md ├── signed-apk-android.md ├── slider.md ├── state.md ├── statusbar.md ├── statusbarios.md ├── style.md ├── stylesheet.md ├── switch.md ├── symbolication.md ├── systrace.md ├── testing-overview.md ├── text-style-props.md ├── text.md ├── textinput.md ├── timepickerandroid.md ├── timers.md ├── toastandroid.md ├── touchablehighlight.md ├── touchablenativefeedback.md ├── touchableopacity.md ├── touchablewithoutfeedback.md ├── transforms.md ├── troubleshooting.md ├── tutorial.md ├── typescript.md ├── upgrading.md ├── usecolorscheme.md ├── usewindowdimensions.md ├── using-a-listview.md ├── using-a-scrollview.md ├── vibration.md ├── view-style-props.md ├── view.md ├── viewpagerandroid.md ├── viewtoken.md └── virtualizedlist.md ├── netlify.toml ├── package.json ├── plugins └── remark-snackplayer │ ├── README.md │ ├── package.json │ ├── src │ └── index.js │ └── tests │ ├── index.js │ ├── markdown │ ├── test1.md │ └── test2.md │ └── output │ ├── output1.html │ └── output2.html ├── sync-api-docs ├── extractDocsFromRN.js ├── generateMarkdown.js ├── magic.js ├── methodFormatter.js ├── package.json ├── preprocessGeneratedApiDocs.js ├── propFormatter.js ├── sync-api-docs.js └── utils.js ├── website ├── blog │ ├── 2015-03-26-react-native-bringing-modern-web-techniques-to-mobile.md │ ├── 2015-09-14-react-native-for-android.md │ ├── 2015-11-23-making-react-native-apps-accessible.md │ ├── 2016-03-24-introducing-hot-reloading.md │ ├── 2016-03-28-dive-into-react-native-performance.md │ ├── 2016-04-13-react-native-a-year-in-review.md │ ├── 2016-07-06-toward-better-documentation.md │ ├── 2016-08-12-react-native-meetup-san-francisco.md │ ├── 2016-08-19-right-to-left-support-for-react-native-apps.md │ ├── 2016-09-08-exponent-talks-unraveling-navigation.md │ ├── 2016-10-25-0.36-headless-js-the-keyboard-api-and-more.md │ ├── 2016-11-08-introducing-button-yarn-and-a-public-roadmap.md │ ├── 2016-12-05-easier-upgrades.md │ ├── 2017-01-07-monthly-release-cadence.md │ ├── 2017-02-14-using-native-driver-for-animated.md │ ├── 2017-03-13-better-list-views.md │ ├── 2017-03-13-idx-the-existential-function.md │ ├── 2017-03-13-introducing-create-react-native-app.md │ ├── 2017-06-21-react-native-monthly-1.md │ ├── 2017-07-28-react-native-monthly-2.md │ ├── 2017-08-07-react-native-performance-in-marketplace.md │ ├── 2017-08-30-react-native-monthly-3.md │ ├── 2017-09-21-react-native-monthly-4.md │ ├── 2017-11-06-react-native-monthly-5.md │ ├── 2018-01-09-react-native-monthly-6.md │ ├── 2018-01-18-implementing-twitters-app-loading-animation-in-react-native.md │ ├── 2018-03-05-AWS-app-sync.md │ ├── 2018-03-22-building-input-accessory-view-for-react-native.md │ ├── 2018-04-09-build-com-app.md │ ├── 2018-05-07-using-typescript-with-react-native.md │ ├── 2018-06-14-state-of-react-native-2018.md │ ├── 2018-07-04-releasing-react-native-056.md │ ├── 2018-08-13-react-native-accessibility-updates.md │ ├── 2018-08-27-wkwebview.md │ ├── 2018-11-01-oss-roadmap.md │ ├── 2019-01-07-state-of-react-native-community.md │ ├── 2019-03-01-react-native-open-source-update.md │ ├── 2019-03-12-releasing-react-native-059.md │ ├── 2019-05-01-react-native-at-f8-and-podcast.md │ ├── 2019-06-12-react-native-open-source-update.md │ ├── 2019-07-03-version-60.md │ ├── 2019-07-17-hermes.md │ ├── 2019-09-18-version-0.61.md │ ├── 2019-11-18-react-native-doctor.md │ ├── 2020-03-26-version-0.62.md │ ├── 2020-07-06-version-0.63.md │ ├── 2020-07-17-react-native-principles.md │ └── 2020-07-23-docs-update.md ├── core │ ├── DocsRating.js │ ├── PrismTheme.js │ └── TabsConstants.js ├── docusaurus.config.js ├── image-check.js ├── package.json ├── showcase.json ├── sidebars.json ├── sitePlugin.js ├── snackPlayerInitializer.js ├── src │ ├── css │ │ ├── _shared.scss │ │ ├── customTheme.scss │ │ ├── index.scss │ │ ├── showcase.scss │ │ └── versions.scss │ ├── pages │ │ ├── animations │ │ │ ├── _dissectionAnimation.js │ │ │ └── _headerAnimation.js │ │ ├── help.md │ │ ├── index.js │ │ ├── showcase.js │ │ └── versions.js │ └── theme │ │ ├── DocItem │ │ ├── index.js │ │ └── styles.module.css │ │ └── Layout.js ├── static │ ├── .circleci │ │ └── config.yml │ ├── .nojekyll │ ├── CNAME │ ├── blog │ │ └── assets │ │ │ ├── 0.58-cli-speed.png │ │ │ ├── 0.59-cli-speed.png │ │ │ ├── 0.60-new-init-screen.png │ │ │ ├── 0.60-upgrade-helper.png │ │ │ ├── 0.62-flipper.png │ │ │ ├── 0.63-logbox.png │ │ │ ├── 2019_hermes-launch-illo-rachel-nabors.jpg │ │ │ ├── RNPerformanceStartup.png │ │ │ ├── animated-diagram.png │ │ │ ├── big-hero.jpg │ │ │ ├── blue-hero.jpg │ │ │ ├── build-com-blog-image.jpg │ │ │ ├── button-android-ios.png │ │ │ ├── dark-hero.png │ │ │ ├── eli-at-f8.png │ │ │ ├── git-upgrade-conflict.png │ │ │ ├── git-upgrade-output.png │ │ │ ├── hmr-architecture.png │ │ │ ├── hmr-diamond.png │ │ │ ├── hmr-log.png │ │ │ ├── hmr-proxy.png │ │ │ ├── hmr-step.png │ │ │ ├── inline-requires.png │ │ │ ├── input-accessory-1.png │ │ │ ├── input-accessory-2.gif │ │ │ ├── input-accessory-3.gif │ │ │ ├── input-accessory-4.gif │ │ │ ├── input-accessory-5.gif │ │ │ ├── loading-screen-01.gif │ │ │ ├── loading-screen-02.gif │ │ │ ├── loading-screen-03.png │ │ │ ├── loading-screen-04.png │ │ │ ├── loading-screen-05.png │ │ │ ├── loading-screen-06.gif │ │ │ ├── loading-screen-07.png │ │ │ ├── oss-roadmap-hero.jpg │ │ │ ├── rnmsf-august-2016-airbnb.jpg │ │ │ ├── rnmsf-august-2016-docs.jpg │ │ │ ├── rnmsf-august-2016-hero.jpg │ │ │ ├── rnmsf-august-2016-netflix.jpg │ │ │ ├── rtl-ama-android-hebrew.png │ │ │ ├── rtl-ama-ios-arabic.png │ │ │ ├── rtl-demo-forcertl.png │ │ │ ├── rtl-demo-icon-ltr.png │ │ │ ├── rtl-demo-icon-rtl.png │ │ │ ├── rtl-demo-listitem-ltr.png │ │ │ ├── rtl-demo-listitem-rtl.png │ │ │ ├── rtl-demo-swipe-ltr.png │ │ │ ├── rtl-demo-swipe-rtl.png │ │ │ ├── rtl-rn-core-updates.png │ │ │ └── yarn-rncli.png │ ├── docs │ │ ├── android-setup.html │ │ ├── assets │ │ │ ├── AddToBuildPhases.png │ │ │ ├── AddToLibraries.png │ │ │ ├── AddToSearchPaths.png │ │ │ ├── Alert │ │ │ │ ├── exampleandroid.gif │ │ │ │ └── exampleios.gif │ │ │ ├── Button.png │ │ │ ├── CallStackDemo.jpg │ │ │ ├── ConfigureReleaseScheme.png │ │ │ ├── DatePickerIOS │ │ │ │ ├── example.gif │ │ │ │ ├── maximumDate.gif │ │ │ │ ├── minuteInterval.png │ │ │ │ └── mode.png │ │ │ ├── DeveloperMenu.png │ │ │ ├── EmbeddedAppAndroid.png │ │ │ ├── GettingStartedAVDManagerMacOS.png │ │ │ ├── GettingStartedAVDManagerWindows.png │ │ │ ├── GettingStartedAndroidEnvironmentVariableANDROID_HOME.png │ │ │ ├── GettingStartedAndroidSDKManagerInstallsMacOS.png │ │ │ ├── GettingStartedAndroidSDKManagerInstallsWindows.png │ │ │ ├── GettingStartedAndroidSDKManagerMacOS.png │ │ │ ├── GettingStartedAndroidSDKManagerSDKToolsMacOS.png │ │ │ ├── GettingStartedAndroidSDKManagerSDKToolsWindows.png │ │ │ ├── GettingStartedAndroidSDKManagerWindows.png │ │ │ ├── GettingStartedAndroidStudioAVD.png │ │ │ ├── GettingStartedAndroidStudioWelcomeMacOS.png │ │ │ ├── GettingStartedAndroidStudioWelcomeWindows.png │ │ │ ├── GettingStartedAndroidSuccessMacOS.png │ │ │ ├── GettingStartedAndroidSuccessWindows.png │ │ │ ├── GettingStartedCongratulations.png │ │ │ ├── GettingStartedCreateAVDMacOS.png │ │ │ ├── GettingStartedCreateAVDWindows.png │ │ │ ├── GettingStartedCreateAVDx86MacOS.png │ │ │ ├── GettingStartedCreateAVDx86Windows.png │ │ │ ├── GettingStartedXcodeCommandLineTools.png │ │ │ ├── GettingStartediOSSuccess.png │ │ │ ├── HermesApp.jpg │ │ │ ├── HermesDebugChromeConfig.png │ │ │ ├── HermesDebugChromeInspect.png │ │ │ ├── HermesDebugChromeMetroAddress.png │ │ │ ├── HermesDebugChromePause.png │ │ │ ├── HermesLogo.svg │ │ │ ├── HermesProfileSaved.png │ │ │ ├── Inspector.gif │ │ │ ├── MaskedViewIOS │ │ │ │ └── example.png │ │ │ ├── NavigationStack-NavigatorIOS.gif │ │ │ ├── ObjectObserveError.png │ │ │ ├── PerfUtil.png │ │ │ ├── ReactDevTools.png │ │ │ ├── ReactDevToolsDollarR.gif │ │ │ ├── ReactDevToolsInspector.gif │ │ │ ├── RunningOnDeviceCodeSigning.png │ │ │ ├── RunningOnDeviceReady.png │ │ │ ├── SystraceBadCreateUI.png │ │ │ ├── SystraceBadJS.png │ │ │ ├── SystraceBadJS2.png │ │ │ ├── SystraceBadUI.png │ │ │ ├── SystraceExample.png │ │ │ ├── SystraceHighlightVSync.png │ │ │ ├── SystraceJSThreadExample.png │ │ │ ├── SystraceNativeModulesThreadExample.png │ │ │ ├── SystraceRenderThreadExample.png │ │ │ ├── SystraceUIThreadExample.png │ │ │ ├── SystraceWellBehaved.png │ │ │ ├── TodayWidgetUnableToLoad.jpg │ │ │ ├── XcodeBuildIP.png │ │ │ ├── buttonExample.png │ │ │ ├── d_pressable_anatomy.svg │ │ │ ├── d_pressable_pressing.svg │ │ │ ├── d_security_chart.svg │ │ │ ├── d_security_deep-linking.svg │ │ │ ├── diagram_ios-android-views.svg │ │ │ ├── diagram_pkce.svg │ │ │ ├── diagram_react-native-components.svg │ │ │ ├── diagram_testing.svg │ │ │ ├── favicon.png │ │ │ ├── native-modules-android-add-class.png │ │ │ ├── native-modules-android-errorscreen.png │ │ │ ├── native-modules-android-logs.png │ │ │ ├── native-modules-android-open-project.png │ │ │ ├── native-modules-ios-add-class.png │ │ │ ├── native-modules-ios-logs.png │ │ │ ├── native-modules-ios-open-project.png │ │ │ ├── oauth-pkce.png │ │ │ ├── openChromeProfile.png │ │ │ ├── p_android-ios-devices.svg │ │ │ ├── p_cat1.png │ │ │ ├── p_cat2.png │ │ │ ├── p_tests-component.svg │ │ │ ├── p_tests-e2e.svg │ │ │ ├── p_tests-integration.svg │ │ │ ├── p_tests-snapshot.svg │ │ │ ├── p_tests-unit.svg │ │ │ ├── react-native-add-react-native-integration-example-high-scores.png │ │ │ ├── react-native-add-react-native-integration-example-home-screen.png │ │ │ ├── react-native-add-react-native-integration-link.png │ │ │ ├── react-native-add-react-native-integration-wire-up.png │ │ │ └── react-native-existing-app-integration-ios-before.png │ │ ├── building-for-apple-tv.html │ │ ├── building-from-source.html │ │ ├── contributing.html │ │ ├── maintainers.html │ │ ├── publishing-forks.html │ │ ├── testing.html │ │ └── understanding-cli.html │ ├── img │ │ ├── AdministratorCommandPrompt.png │ │ ├── AndroidAVDConfiguration.png │ │ ├── AndroidDevServerDialog.png │ │ ├── AndroidDevSettings.png │ │ ├── AndroidDeveloperMenu.png │ │ ├── AndroidSDK1.png │ │ ├── AndroidSDK2.png │ │ ├── AndroidStudioCustomSetup.png │ │ ├── AnimatedFadeInView.gif │ │ ├── AnimationExperimentalOpacity.gif │ │ ├── AnimationExperimentalScaleXY.gif │ │ ├── DoctorManualInstallationMessage.png │ │ ├── EmbeddedAppContainerViewExample.png │ │ ├── Inspector.gif │ │ ├── LayoutAnimationExample.gif │ │ ├── NavigationStack-Navigator.gif │ │ ├── Rebound.gif │ │ ├── ReboundExample.png │ │ ├── ReboundImage.gif │ │ ├── StaticImageAssets.png │ │ ├── TodayWidgetUnableToLoad.jpg │ │ ├── TutorialFinal.png │ │ ├── TutorialFinal2.png │ │ ├── TutorialMock.png │ │ ├── TutorialMock2.png │ │ ├── TutorialSingleFetched.png │ │ ├── TutorialSingleFetched2.png │ │ ├── TutorialStyledMock.png │ │ ├── TutorialStyledMock2.png │ │ ├── TweenState.gif │ │ ├── Warning.png │ │ ├── alertIOS.png │ │ ├── author.png │ │ ├── chrome_breakpoint.png │ │ ├── favicon.ico │ │ ├── header_logo.png │ │ ├── header_logo.svg │ │ ├── hitslop.mp4 │ │ ├── homepage │ │ │ ├── DoctorCommand.mp4 │ │ │ ├── ReactRefresh.mp4 │ │ │ ├── cross-platform.svg │ │ │ ├── dissection.svg │ │ │ ├── dissection │ │ │ │ ├── 0.png │ │ │ │ ├── 1.png │ │ │ │ ├── 2.png │ │ │ │ └── 3.png │ │ │ ├── fb-logo.svg │ │ │ └── phones.png │ │ ├── keyboardavoidingview.mp4 │ │ ├── logo-og.png │ │ ├── opengraph.png │ │ ├── oss_logo.png │ │ ├── react-native-android-studio-additional-installs-linux.png │ │ ├── react-native-android-studio-additional-installs.png │ │ ├── react-native-android-studio-android-sdk-build-tools-linux.png │ │ ├── react-native-android-studio-android-sdk-build-tools-windows.png │ │ ├── react-native-android-studio-android-sdk-build-tools.png │ │ ├── react-native-android-studio-android-sdk-platforms-linux.png │ │ ├── react-native-android-studio-android-sdk-platforms-windows.png │ │ ├── react-native-android-studio-android-sdk-platforms.png │ │ ├── react-native-android-studio-avd-linux.png │ │ ├── react-native-android-studio-avd-windows.png │ │ ├── react-native-android-studio-avd.png │ │ ├── react-native-android-studio-configure-sdk-linux.png │ │ ├── react-native-android-studio-configure-sdk-windows.png │ │ ├── react-native-android-studio-configure-sdk.png │ │ ├── react-native-android-studio-custom-install-linux.png │ │ ├── react-native-android-studio-custom-install-windows.png │ │ ├── react-native-android-studio-custom-install.png │ │ ├── react-native-android-studio-kvm-linux.png │ │ ├── react-native-android-studio-no-virtual-device-windows.png │ │ ├── react-native-android-studio-verify-installs-windows.png │ │ ├── react-native-android-tools-environment-variable-windows.png │ │ ├── react-native-sdk-platforms.png │ │ ├── react-native-sorry-not-supported.png │ │ ├── ripple.mp4 │ │ ├── search.png │ │ ├── showcase │ │ │ ├── adsmanager.png │ │ │ ├── airbnb.png │ │ │ ├── artsy.png │ │ │ ├── baidu.png │ │ │ ├── bloomberg.png │ │ │ ├── callofduty_companion.png │ │ │ ├── cbssports.png │ │ │ ├── chop.png │ │ │ ├── coinbase.png │ │ │ ├── delivery.png │ │ │ ├── discord.png │ │ │ ├── f8.png │ │ │ ├── facebook.png │ │ │ ├── fba.png │ │ │ ├── flare.png │ │ │ ├── flipkart.png │ │ │ ├── foreca.png │ │ │ ├── glitch.png │ │ │ ├── gyroscope.png │ │ │ ├── huiseoul.png │ │ │ ├── instagram.png │ │ │ ├── jdcom.png │ │ │ ├── lendmn.png │ │ │ ├── list.png │ │ │ ├── mercari.png │ │ │ ├── nerdwallet.png │ │ │ ├── oculus.png │ │ │ ├── pinterest.png │ │ │ ├── qq.png │ │ │ ├── salesforce.png │ │ │ ├── shopify.png │ │ │ ├── skype.png │ │ │ ├── soundcloud_pulse.jpg │ │ │ ├── tableau.png │ │ │ ├── tesla.png │ │ │ ├── townske.png │ │ │ ├── uber.png │ │ │ ├── ubereats.png │ │ │ ├── vogue.jpeg │ │ │ ├── walmart.png │ │ │ ├── wix.png │ │ │ └── words2.png │ │ ├── survey.png │ │ ├── textinput.mp4 │ │ ├── tiny_logo.png │ │ ├── uiexplorer_main_android.png │ │ └── uiexplorer_main_ios.png │ └── movies.json ├── versioned_docs │ ├── version-0.60 │ │ ├── _getting-started-linux-android.md │ │ ├── _getting-started-macos-android.md │ │ ├── _getting-started-macos-ios.md │ │ ├── _getting-started-windows-android.md │ │ ├── _integration-with-exisiting-apps-java.md │ │ ├── _integration-with-exisiting-apps-objc.md │ │ ├── _integration-with-exisiting-apps-swift.md │ │ ├── accessibility.md │ │ ├── accessibilityinfo.md │ │ ├── actionsheetios.md │ │ ├── activityindicator.md │ │ ├── alert.md │ │ ├── alertios.md │ │ ├── animated.md │ │ ├── animatedvalue.md │ │ ├── animatedvaluexy.md │ │ ├── animations.md │ │ ├── app-extensions.md │ │ ├── appearance.md │ │ ├── appregistry.md │ │ ├── appstate.md │ │ ├── asyncstorage.md │ │ ├── backandroid.md │ │ ├── backhandler.md │ │ ├── building-for-tv.md │ │ ├── button.md │ │ ├── cameraroll.md │ │ ├── checkbox.md │ │ ├── clipboard.md │ │ ├── colors.md │ │ ├── communication-android.md │ │ ├── communication-ios.md │ │ ├── components-and-apis.md │ │ ├── custom-webview-android.md │ │ ├── custom-webview-ios.md │ │ ├── datepickerandroid.md │ │ ├── datepickerios.md │ │ ├── debugging.md │ │ ├── devsettings.md │ │ ├── dimensions.md │ │ ├── direct-manipulation.md │ │ ├── drawerlayoutandroid.md │ │ ├── easing.md │ │ ├── fast-refresh.md │ │ ├── flatlist.md │ │ ├── flexbox.md │ │ ├── geolocation.md │ │ ├── gesture-responder-system.md │ │ ├── getting-started.md │ │ ├── handling-text-input.md │ │ ├── handling-touches.md │ │ ├── headless-js-android.md │ │ ├── height-and-width.md │ │ ├── hermes.md │ │ ├── image-style-props.md │ │ ├── image.md │ │ ├── imagebackground.md │ │ ├── imageeditor.md │ │ ├── imagepickerios.md │ │ ├── images.md │ │ ├── imagestore.md │ │ ├── improvingux.md │ │ ├── inputaccessoryview.md │ │ ├── integration-with-existing-apps.md │ │ ├── interactionmanager.md │ │ ├── intro-react-native-components.md │ │ ├── intro-react.md │ │ ├── introduction.md │ │ ├── javascript-environment.md │ │ ├── keyboard.md │ │ ├── keyboardavoidingview.md │ │ ├── layout-props.md │ │ ├── layoutanimation.md │ │ ├── libraries.md │ │ ├── linking-libraries-ios.md │ │ ├── linking.md │ │ ├── listview.md │ │ ├── listviewdatasource.md │ │ ├── maskedviewios.md │ │ ├── modal.md │ │ ├── more-resources.md │ │ ├── native-components-android.md │ │ ├── native-components-ios.md │ │ ├── native-modules-android.md │ │ ├── native-modules-ios.md │ │ ├── native-modules-setup.md │ │ ├── navigation.md │ │ ├── netinfo.md │ │ ├── network.md │ │ ├── optimizing-flatlist-configuration.md │ │ ├── out-of-tree-platforms.md │ │ ├── panresponder.md │ │ ├── performance.md │ │ ├── permissionsandroid.md │ │ ├── picker-item.md │ │ ├── picker-style-props.md │ │ ├── picker.md │ │ ├── pickerios.md │ │ ├── pixelratio.md │ │ ├── platform-specific-code.md │ │ ├── profiling.md │ │ ├── progressbarandroid.md │ │ ├── progressviewios.md │ │ ├── props.md │ │ ├── publishing-to-app-store.md │ │ ├── publishing.md │ │ ├── pushnotificationios.md │ │ ├── ram-bundles-inline-requires.md │ │ ├── react-node.md │ │ ├── refreshcontrol.md │ │ ├── removing-default-permissions.md │ │ ├── running-on-device.md │ │ ├── running-on-simulator-ios.md │ │ ├── safeareaview.md │ │ ├── scrollview.md │ │ ├── sectionlist.md │ │ ├── segmentedcontrolios.md │ │ ├── settings.md │ │ ├── shadow-props.md │ │ ├── share.md │ │ ├── signed-apk-android.md │ │ ├── slider.md │ │ ├── snapshotviewios.md │ │ ├── state.md │ │ ├── statusbar.md │ │ ├── statusbarios.md │ │ ├── style.md │ │ ├── stylesheet.md │ │ ├── switch.md │ │ ├── symbolication.md │ │ ├── systrace.md │ │ ├── tabbarios-item.md │ │ ├── tabbarios.md │ │ ├── testing-overview.md │ │ ├── text-style-props.md │ │ ├── text.md │ │ ├── textinput.md │ │ ├── timepickerandroid.md │ │ ├── timers.md │ │ ├── toastandroid.md │ │ ├── toolbarandroid.md │ │ ├── touchablehighlight.md │ │ ├── touchablenativefeedback.md │ │ ├── touchableopacity.md │ │ ├── touchablewithoutfeedback.md │ │ ├── transforms.md │ │ ├── troubleshooting.md │ │ ├── tutorial.md │ │ ├── typescript.md │ │ ├── upgrading.md │ │ ├── usecolorscheme.md │ │ ├── usewindowdimensions.md │ │ ├── using-a-listview.md │ │ ├── using-a-scrollview.md │ │ ├── vibration.md │ │ ├── vibrationios.md │ │ ├── view-style-props.md │ │ ├── view.md │ │ ├── viewpagerandroid.md │ │ ├── virtualizedlist.md │ │ └── webview.md │ ├── version-0.61 │ │ ├── _getting-started-linux-android.md │ │ ├── _getting-started-macos-android.md │ │ ├── _getting-started-macos-ios.md │ │ ├── _getting-started-windows-android.md │ │ ├── _integration-with-exisiting-apps-java.md │ │ ├── _integration-with-exisiting-apps-objc.md │ │ ├── _integration-with-exisiting-apps-swift.md │ │ ├── accessibility.md │ │ ├── accessibilityinfo.md │ │ ├── actionsheetios.md │ │ ├── activityindicator.md │ │ ├── alert.md │ │ ├── alertios.md │ │ ├── animated.md │ │ ├── animatedvalue.md │ │ ├── animatedvaluexy.md │ │ ├── animations.md │ │ ├── app-extensions.md │ │ ├── appearance.md │ │ ├── appregistry.md │ │ ├── appstate.md │ │ ├── asyncstorage.md │ │ ├── backandroid.md │ │ ├── backhandler.md │ │ ├── building-for-tv.md │ │ ├── button.md │ │ ├── cameraroll.md │ │ ├── checkbox.md │ │ ├── clipboard.md │ │ ├── colors.md │ │ ├── communication-android.md │ │ ├── communication-ios.md │ │ ├── components-and-apis.md │ │ ├── custom-webview-android.md │ │ ├── custom-webview-ios.md │ │ ├── datepickerandroid.md │ │ ├── datepickerios.md │ │ ├── debugging.md │ │ ├── devsettings.md │ │ ├── dimensions.md │ │ ├── direct-manipulation.md │ │ ├── drawerlayoutandroid.md │ │ ├── easing.md │ │ ├── fast-refresh.md │ │ ├── flatlist.md │ │ ├── flexbox.md │ │ ├── geolocation.md │ │ ├── gesture-responder-system.md │ │ ├── getting-started.md │ │ ├── handling-text-input.md │ │ ├── handling-touches.md │ │ ├── headless-js-android.md │ │ ├── height-and-width.md │ │ ├── hermes.md │ │ ├── image-style-props.md │ │ ├── image.md │ │ ├── imagebackground.md │ │ ├── imageeditor.md │ │ ├── imagepickerios.md │ │ ├── images.md │ │ ├── imagestore.md │ │ ├── improvingux.md │ │ ├── inputaccessoryview.md │ │ ├── integration-with-existing-apps.md │ │ ├── interactionmanager.md │ │ ├── intro-react-native-components.md │ │ ├── intro-react.md │ │ ├── introduction.md │ │ ├── javascript-environment.md │ │ ├── keyboard.md │ │ ├── keyboardavoidingview.md │ │ ├── layout-props.md │ │ ├── layoutanimation.md │ │ ├── libraries.md │ │ ├── linking-libraries-ios.md │ │ ├── linking.md │ │ ├── listview.md │ │ ├── listviewdatasource.md │ │ ├── maskedviewios.md │ │ ├── modal.md │ │ ├── more-resources.md │ │ ├── native-components-android.md │ │ ├── native-components-ios.md │ │ ├── native-modules-android.md │ │ ├── native-modules-ios.md │ │ ├── native-modules-setup.md │ │ ├── navigation.md │ │ ├── netinfo.md │ │ ├── network.md │ │ ├── optimizing-flatlist-configuration.md │ │ ├── out-of-tree-platforms.md │ │ ├── panresponder.md │ │ ├── performance.md │ │ ├── permissionsandroid.md │ │ ├── picker-item.md │ │ ├── picker-style-props.md │ │ ├── picker.md │ │ ├── pickerios.md │ │ ├── pixelratio.md │ │ ├── platform-specific-code.md │ │ ├── profiling.md │ │ ├── progressbarandroid.md │ │ ├── progressviewios.md │ │ ├── props.md │ │ ├── publishing-to-app-store.md │ │ ├── publishing.md │ │ ├── pushnotificationios.md │ │ ├── ram-bundles-inline-requires.md │ │ ├── react-node.md │ │ ├── refreshcontrol.md │ │ ├── removing-default-permissions.md │ │ ├── running-on-device.md │ │ ├── running-on-simulator-ios.md │ │ ├── safeareaview.md │ │ ├── scrollview.md │ │ ├── sectionlist.md │ │ ├── segmentedcontrolios.md │ │ ├── settings.md │ │ ├── shadow-props.md │ │ ├── share.md │ │ ├── signed-apk-android.md │ │ ├── slider.md │ │ ├── snapshotviewios.md │ │ ├── state.md │ │ ├── statusbar.md │ │ ├── statusbarios.md │ │ ├── style.md │ │ ├── stylesheet.md │ │ ├── switch.md │ │ ├── symbolication.md │ │ ├── systrace.md │ │ ├── tabbarios-item.md │ │ ├── tabbarios.md │ │ ├── testing-overview.md │ │ ├── text-style-props.md │ │ ├── text.md │ │ ├── textinput.md │ │ ├── timepickerandroid.md │ │ ├── timers.md │ │ ├── toastandroid.md │ │ ├── toolbarandroid.md │ │ ├── touchablehighlight.md │ │ ├── touchablenativefeedback.md │ │ ├── touchableopacity.md │ │ ├── touchablewithoutfeedback.md │ │ ├── transforms.md │ │ ├── troubleshooting.md │ │ ├── tutorial.md │ │ ├── typescript.md │ │ ├── upgrading.md │ │ ├── usecolorscheme.md │ │ ├── usewindowdimensions.md │ │ ├── using-a-listview.md │ │ ├── using-a-scrollview.md │ │ ├── vibration.md │ │ ├── vibrationios.md │ │ ├── view-style-props.md │ │ ├── view.md │ │ ├── viewpagerandroid.md │ │ ├── virtualizedlist.md │ │ └── webview.md │ ├── version-0.62 │ │ ├── _getting-started-linux-android.md │ │ ├── _getting-started-macos-android.md │ │ ├── _getting-started-macos-ios.md │ │ ├── _getting-started-windows-android.md │ │ ├── _integration-with-exisiting-apps-java.md │ │ ├── _integration-with-exisiting-apps-objc.md │ │ ├── _integration-with-exisiting-apps-swift.md │ │ ├── accessibility.md │ │ ├── accessibilityinfo.md │ │ ├── actionsheetios.md │ │ ├── activityindicator.md │ │ ├── alert.md │ │ ├── alertios.md │ │ ├── animated.md │ │ ├── animatedvalue.md │ │ ├── animatedvaluexy.md │ │ ├── animations.md │ │ ├── app-extensions.md │ │ ├── appearance.md │ │ ├── appregistry.md │ │ ├── appstate.md │ │ ├── asyncstorage.md │ │ ├── backandroid.md │ │ ├── backhandler.md │ │ ├── building-for-tv.md │ │ ├── button.md │ │ ├── cameraroll.md │ │ ├── checkbox.md │ │ ├── clipboard.md │ │ ├── colors.md │ │ ├── communication-android.md │ │ ├── communication-ios.md │ │ ├── components-and-apis.md │ │ ├── custom-webview-android.md │ │ ├── custom-webview-ios.md │ │ ├── datepickerandroid.md │ │ ├── datepickerios.md │ │ ├── debugging.md │ │ ├── devsettings.md │ │ ├── dimensions.md │ │ ├── direct-manipulation.md │ │ ├── drawerlayoutandroid.md │ │ ├── easing.md │ │ ├── fast-refresh.md │ │ ├── flatlist.md │ │ ├── flexbox.md │ │ ├── geolocation.md │ │ ├── gesture-responder-system.md │ │ ├── getting-started.md │ │ ├── handling-text-input.md │ │ ├── handling-touches.md │ │ ├── headless-js-android.md │ │ ├── height-and-width.md │ │ ├── hermes.md │ │ ├── image-style-props.md │ │ ├── image.md │ │ ├── imagebackground.md │ │ ├── imageeditor.md │ │ ├── imagepickerios.md │ │ ├── images.md │ │ ├── imagestore.md │ │ ├── improvingux.md │ │ ├── inputaccessoryview.md │ │ ├── integration-with-existing-apps.md │ │ ├── interactionmanager.md │ │ ├── intro-react-native-components.md │ │ ├── intro-react.md │ │ ├── introduction.md │ │ ├── javascript-environment.md │ │ ├── keyboard.md │ │ ├── keyboardavoidingview.md │ │ ├── layout-props.md │ │ ├── layoutanimation.md │ │ ├── libraries.md │ │ ├── linking-libraries-ios.md │ │ ├── linking.md │ │ ├── listview.md │ │ ├── listviewdatasource.md │ │ ├── maskedviewios.md │ │ ├── modal.md │ │ ├── more-resources.md │ │ ├── native-components-android.md │ │ ├── native-components-ios.md │ │ ├── native-modules-android.md │ │ ├── native-modules-ios.md │ │ ├── native-modules-setup.md │ │ ├── navigation.md │ │ ├── netinfo.md │ │ ├── network.md │ │ ├── optimizing-flatlist-configuration.md │ │ ├── out-of-tree-platforms.md │ │ ├── panresponder.md │ │ ├── performance.md │ │ ├── permissionsandroid.md │ │ ├── picker-item.md │ │ ├── picker-style-props.md │ │ ├── picker.md │ │ ├── pickerios.md │ │ ├── pixelratio.md │ │ ├── platform-specific-code.md │ │ ├── profiling.md │ │ ├── progressbarandroid.md │ │ ├── progressviewios.md │ │ ├── props.md │ │ ├── publishing-to-app-store.md │ │ ├── publishing.md │ │ ├── pushnotificationios.md │ │ ├── ram-bundles-inline-requires.md │ │ ├── react-node.md │ │ ├── refreshcontrol.md │ │ ├── removing-default-permissions.md │ │ ├── running-on-device.md │ │ ├── running-on-simulator-ios.md │ │ ├── safeareaview.md │ │ ├── scrollview.md │ │ ├── sectionlist.md │ │ ├── security.md │ │ ├── segmentedcontrolios.md │ │ ├── settings.md │ │ ├── shadow-props.md │ │ ├── share.md │ │ ├── signed-apk-android.md │ │ ├── slider.md │ │ ├── snapshotviewios.md │ │ ├── state.md │ │ ├── statusbar.md │ │ ├── statusbarios.md │ │ ├── style.md │ │ ├── stylesheet.md │ │ ├── switch.md │ │ ├── symbolication.md │ │ ├── systrace.md │ │ ├── tabbarios-item.md │ │ ├── tabbarios.md │ │ ├── testing-overview.md │ │ ├── text-style-props.md │ │ ├── text.md │ │ ├── textinput.md │ │ ├── timepickerandroid.md │ │ ├── timers.md │ │ ├── toastandroid.md │ │ ├── toolbarandroid.md │ │ ├── touchablehighlight.md │ │ ├── touchablenativefeedback.md │ │ ├── touchableopacity.md │ │ ├── touchablewithoutfeedback.md │ │ ├── transforms.md │ │ ├── troubleshooting.md │ │ ├── tutorial.md │ │ ├── typescript.md │ │ ├── upgrading.md │ │ ├── usecolorscheme.md │ │ ├── usewindowdimensions.md │ │ ├── using-a-listview.md │ │ ├── using-a-scrollview.md │ │ ├── vibration.md │ │ ├── vibrationios.md │ │ ├── view-style-props.md │ │ ├── view.md │ │ ├── viewpagerandroid.md │ │ ├── virtualizedlist.md │ │ └── webview.md │ └── version-0.63 │ │ ├── _getting-started-linux-android.md │ │ ├── _getting-started-macos-android.md │ │ ├── _getting-started-macos-ios.md │ │ ├── _getting-started-windows-android.md │ │ ├── _integration-with-exisiting-apps-java.md │ │ ├── _integration-with-exisiting-apps-objc.md │ │ ├── _integration-with-exisiting-apps-swift.md │ │ ├── accessibility.md │ │ ├── accessibilityinfo.md │ │ ├── actionsheetios.md │ │ ├── activityindicator.md │ │ ├── alert.md │ │ ├── alertios.md │ │ ├── animated.md │ │ ├── animatedvalue.md │ │ ├── animatedvaluexy.md │ │ ├── animations.md │ │ ├── app-extensions.md │ │ ├── appearance.md │ │ ├── appregistry.md │ │ ├── appstate.md │ │ ├── asyncstorage.md │ │ ├── backandroid.md │ │ ├── backhandler.md │ │ ├── building-for-tv.md │ │ ├── button.md │ │ ├── cameraroll.md │ │ ├── checkbox.md │ │ ├── clipboard.md │ │ ├── colors.md │ │ ├── communication-android.md │ │ ├── communication-ios.md │ │ ├── components-and-apis.md │ │ ├── custom-webview-android.md │ │ ├── custom-webview-ios.md │ │ ├── datepickerandroid.md │ │ ├── datepickerios.md │ │ ├── debugging.md │ │ ├── devsettings.md │ │ ├── dimensions.md │ │ ├── direct-manipulation.md │ │ ├── drawerlayoutandroid.md │ │ ├── dynamiccolorios.md │ │ ├── easing.md │ │ ├── fast-refresh.md │ │ ├── flatlist.md │ │ ├── flexbox.md │ │ ├── geolocation.md │ │ ├── gesture-responder-system.md │ │ ├── getting-started.md │ │ ├── handling-text-input.md │ │ ├── handling-touches.md │ │ ├── headless-js-android.md │ │ ├── height-and-width.md │ │ ├── hermes.md │ │ ├── image-style-props.md │ │ ├── image.md │ │ ├── imagebackground.md │ │ ├── imageeditor.md │ │ ├── imagepickerios.md │ │ ├── images.md │ │ ├── imagestore.md │ │ ├── improvingux.md │ │ ├── inputaccessoryview.md │ │ ├── integration-with-existing-apps.md │ │ ├── interactionmanager.md │ │ ├── intro-react-native-components.md │ │ ├── intro-react.md │ │ ├── introduction.md │ │ ├── javascript-environment.md │ │ ├── keyboard.md │ │ ├── keyboardavoidingview.md │ │ ├── layout-props.md │ │ ├── layoutanimation.md │ │ ├── libraries.md │ │ ├── linking-libraries-ios.md │ │ ├── linking.md │ │ ├── listview.md │ │ ├── listviewdatasource.md │ │ ├── maskedviewios.md │ │ ├── modal.md │ │ ├── more-resources.md │ │ ├── native-components-android.md │ │ ├── native-components-ios.md │ │ ├── native-modules-android.md │ │ ├── native-modules-intro.md │ │ ├── native-modules-ios.md │ │ ├── native-modules-setup.md │ │ ├── navigation.md │ │ ├── netinfo.md │ │ ├── network.md │ │ ├── optimizing-flatlist-configuration.md │ │ ├── out-of-tree-platforms.md │ │ ├── panresponder.md │ │ ├── performance.md │ │ ├── permissionsandroid.md │ │ ├── picker-item.md │ │ ├── picker-style-props.md │ │ ├── picker.md │ │ ├── pickerios.md │ │ ├── pixelratio.md │ │ ├── platform-specific-code.md │ │ ├── platform.md │ │ ├── platformcolor.md │ │ ├── pressable.md │ │ ├── pressevent.md │ │ ├── profiling.md │ │ ├── progressbarandroid.md │ │ ├── progressviewios.md │ │ ├── props.md │ │ ├── publishing-to-app-store.md │ │ ├── publishing.md │ │ ├── pushnotificationios.md │ │ ├── ram-bundles-inline-requires.md │ │ ├── react-node.md │ │ ├── rect.md │ │ ├── refreshcontrol.md │ │ ├── removing-default-permissions.md │ │ ├── running-on-device.md │ │ ├── running-on-simulator-ios.md │ │ ├── safeareaview.md │ │ ├── scrollview.md │ │ ├── sectionlist.md │ │ ├── security.md │ │ ├── segmentedcontrolios.md │ │ ├── settings.md │ │ ├── shadow-props.md │ │ ├── share.md │ │ ├── signed-apk-android.md │ │ ├── slider.md │ │ ├── snapshotviewios.md │ │ ├── state.md │ │ ├── statusbar.md │ │ ├── statusbarios.md │ │ ├── style.md │ │ ├── stylesheet.md │ │ ├── switch.md │ │ ├── symbolication.md │ │ ├── systrace.md │ │ ├── tabbarios-item.md │ │ ├── tabbarios.md │ │ ├── testing-overview.md │ │ ├── text-style-props.md │ │ ├── text.md │ │ ├── textinput.md │ │ ├── timepickerandroid.md │ │ ├── timers.md │ │ ├── toastandroid.md │ │ ├── toolbarandroid.md │ │ ├── touchablehighlight.md │ │ ├── touchablenativefeedback.md │ │ ├── touchableopacity.md │ │ ├── touchablewithoutfeedback.md │ │ ├── transforms.md │ │ ├── troubleshooting.md │ │ ├── tutorial.md │ │ ├── typescript.md │ │ ├── upgrading.md │ │ ├── usecolorscheme.md │ │ ├── usewindowdimensions.md │ │ ├── using-a-listview.md │ │ ├── using-a-scrollview.md │ │ ├── vibration.md │ │ ├── vibrationios.md │ │ ├── view-style-props.md │ │ ├── view.md │ │ ├── viewpagerandroid.md │ │ ├── virtualizedlist.md │ │ └── webview.md ├── versioned_sidebars │ ├── version-0.60-sidebars.json │ ├── version-0.61-sidebars.json │ ├── version-0.62-sidebars.json │ └── version-0.63-sidebars.json └── versions.json └── yarn.lock /.alexignore: -------------------------------------------------------------------------------- 1 | # The Code of Conduct calls out language that can't be used so it's not linted. 2 | CODE_OF_CONDUCT.md 3 | 4 | # We will handle the blog posts after the main docs are linted. 5 | website/blog/ 6 | -------------------------------------------------------------------------------- /.alexrc.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) Facebook, Inc. and its affiliates. 3 | * 4 | * This source code is licensed under the MIT license found in the 5 | * LICENSE file in the root directory of this source tree. 6 | */ 7 | 8 | exports.allow = [ 9 | // We frequently refer to form props by their name "disabled". 10 | // Ideally we would alex-ignore only the valid uses (PRs accepted). 11 | "invalid", 12 | 13 | // Unfortunately "watchman" is a library name that we depend on. 14 | "watchman-watchwoman", 15 | 16 | // ignore rehab rule, Detox is an e2e testing library 17 | "rehab" 18 | ]; 19 | 20 | // Use a "maybe" level of profanity instead of the default "unlikely". 21 | exports.profanitySureness = 1; 22 | -------------------------------------------------------------------------------- /.all-contributorsrc: -------------------------------------------------------------------------------- 1 | { 2 | "files": [ 3 | "README.md" 4 | ], 5 | "imageSize": 100, 6 | "commit": false, 7 | "contributors": [ 8 | { 9 | "login": "rena-h", 10 | "name": "Rena Hamada", 11 | "avatar_url": "https://avatars.githubusercontent.com/u/20507786?v=4", 12 | "profile": "https://github.com/rena-h", 13 | "contributions": [ 14 | "doc" 15 | ] 16 | } 17 | ], 18 | "contributorsPerLine": 7, 19 | "projectName": "react-native-website", 20 | "projectOwner": "react-native-jp", 21 | "repoType": "github", 22 | "repoHost": "https://github.com", 23 | "skipCi": true 24 | } 25 | -------------------------------------------------------------------------------- /.github/CODEOWNERS: -------------------------------------------------------------------------------- 1 | # Each line is a file pattern followed by one or more owners. 2 | 3 | docs/typescript @orta 4 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/bug_report.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: '🐛 Website Bug Report' 3 | about: Report a bug or issue with React Native website. 4 | title: '' 5 | --- 6 | 7 | 8 | 9 | ## Description 10 | 11 | 12 | 13 | ## Documentation version 14 | 15 | 16 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/config.yml: -------------------------------------------------------------------------------- 1 | blank_issues_enabled: false 2 | contact_links: 3 | - name: ⚛️ React Native Issue 4 | url: https://github.com/facebook/react-native/issues 5 | about: Please report bugs or issues in the React Native repository. 6 | - name: ⤴️ Upgrade Issue 7 | url: https://github.com/react-native-community/upgrade-support 8 | about: Need help upgrading to a newer React Native version? Visit the Upgrade Support repository. 9 | - name: 🤔 Questions and Help 10 | url: https://reactnative.dev/help 11 | about: Looking for help with your app? Please refer to the React Native community's support resources. 12 | - name: 🚀 React Native Discussions and Feature Proposals 13 | url: https://github.com/react-native-community/discussions-and-proposals 14 | about: Discuss the future of React Native in the React Native community's discussions and proposals repository. 15 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/other.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: '💡 Website Other' 3 | about: Post an idea, propose improvement, start discussion or put a request according to React Native website. 4 | title: '' 5 | --- 6 | 7 | ## Description 8 | 9 | 10 | 11 | ## What is the problem? 12 | 13 | 14 | 15 | ## How can we address it? 16 | 17 | 18 | 19 | ## Why is it important? 20 | 21 | 22 | 23 | ## Who needs this? 24 | 25 | 26 | 27 | ## When should this happen (use version numbers if needed)? 28 | -------------------------------------------------------------------------------- /.github/PULL_REQUEST_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | 12 | -------------------------------------------------------------------------------- /.github/stale.yml: -------------------------------------------------------------------------------- 1 | # Configuration for probot-stale - https://github.com/probot/stale 2 | # Number of days of inactivity before an issue becomes stale 3 | daysUntilStale: 90 4 | # Number of days of inactivity before a stale issue is closed 5 | daysUntilClose: 7 6 | # Issues with these labels will never be considered stale 7 | exemptLabels: 8 | - "👋 Good first issue" 9 | - "👻 Missing Docs" 10 | - ":ghost: Missing Docs" 11 | - "Wait on future Release" 12 | # Label to use when marking an issue as stale 13 | staleLabel: Stale 14 | # Comment to post when marking an issue as stale. Set to `false` to disable 15 | markComment: > 16 | 👋 Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. 17 | Thank you for your contributions. 18 | # Comment to post when closing a stale issue. Set to `false` to disable 19 | closeComment: > 20 | Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information. 21 | only: issues 22 | -------------------------------------------------------------------------------- /.github/workflows/reviewdog.yml: -------------------------------------------------------------------------------- 1 | name: reviewdog 2 | on: [pull_request] 3 | jobs: 4 | textlint: 5 | name: runner / textlint 6 | runs-on: ubuntu-latest 7 | steps: 8 | - name: Checkout 9 | uses: actions/checkout@v2 10 | with: 11 | submodules: true 12 | - name: Setup node/npm 13 | uses: actions/setup-node@v1 14 | with: 15 | node-version: '15' 16 | - name: Get yarn cache directory path 17 | id: yarn-cache-dir-path 18 | run: echo "::set-output name=dir::$(yarn cache dir)" 19 | - uses: actions/cache@v2 20 | with: 21 | path: '**/node_modules' 22 | key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }} 23 | - name: install dependencies 24 | run: yarn --prefer-offline --frozen-lockfile 25 | - uses: reviewdog/action-setup@v1 26 | with: 27 | reviewdog_version: latest 28 | - name: Get file changes 29 | id: get_file_changes 30 | uses: dorner/file-changes-action@v1.2.0 31 | with: 32 | githubToken: ${{ secrets.github_token }} 33 | plaintext: true 34 | - name: Echo file changes 35 | run: | 36 | echo Changed files: ${{ steps.get_file_changes.outputs.files }} 37 | - name: lint 38 | env: 39 | github_token: ${{ secrets.github_token }} 40 | REVIEWDOG_GITHUB_API_TOKEN: ${{ secrets.github_token }} 41 | run: $(npm bin)/textlint -f checkstyle ${{ steps.get_file_changes.outputs.files }} | reviewdog -f=checkstyle -reporter=github-pr-review -fail-on-error 42 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | .idea 4 | .nvmrc 5 | .docusaurus 6 | 7 | website/build/ 8 | 9 | sync-api-docs/generatedComponentApiDocs.js 10 | sync-api-docs/extracted.json 11 | 12 | .cache 13 | .textlintcache -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "overrides": [ 3 | { 4 | "files": "*.js", 5 | "options": { 6 | "arrowParens": "avoid", 7 | "bracketSpacing": false, 8 | "jsxBracketSameLine": true, 9 | "printWidth": 80, 10 | "singleQuote": true, 11 | "trailingComma": "es5", 12 | "endOfLine": "auto" 13 | } 14 | }, 15 | { 16 | "files": "*.md", 17 | "options": { 18 | "arrowParens": "always", 19 | "bracketSpacing": true, 20 | "jsxBracketSameLine": true, 21 | "printWidth": 66, 22 | "proseWrap": "preserve", 23 | "singleQuote": true, 24 | "trailingComma": "none", 25 | "endOfLine": "auto" 26 | } 27 | }, 28 | { 29 | "files": ["*.scss", "*.css"], 30 | "options": { 31 | "printWidth": 80, 32 | "endOfLine": "auto" 33 | } 34 | } 35 | ] 36 | } 37 | -------------------------------------------------------------------------------- /.textlintrc.yml: -------------------------------------------------------------------------------- 1 | --- 2 | filters: {} 3 | rules: 4 | preset-ja-technical-writing: 5 | "sentence-length": false 6 | "no-exclamation-question-mark": false 7 | "@textlint-ja/no-synonyms": true 8 | "preset-ja-spacing": 9 | "ja-space-between-half-and-full-width": 10 | "space": "always" 11 | "ja-space-around-code": 12 | "before": true 13 | "after": true 14 | "ja-no-space-around-parentheses": false 15 | "ja-nakaguro-or-halfwidth-space-between-katakana": false 16 | "ja-space-after-exclamation": false 17 | "ja-space-after-question": false 18 | "@proofdict/proofdict": 19 | dictURL: https://react-native-jp.github.io/proof-dictionary/ 20 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contributing to React Native 2 | 3 | Thank you for your interest in contributing to the React Native website! From commenting on and triaging issues, to reviewing and sending Pull Requests, all contributions are welcome. We aim to build a vibrant and inclusive [ecosystem of partners, core contributors, and community](https://github.com/facebook/react-native/blob/master/ECOSYSTEM.md) that goes beyond the main React Native GitHub repository. 4 | 5 | The [Open Source Guides](https://opensource.guide/) website has a collection of resources for individuals, communities, and companies who want to learn how to run and contribute to an open source project. Contributors and people new to open source alike will find the following guides especially useful: 6 | 7 | - [How to Contribute to Open Source](https://opensource.guide/how-to-contribute/) 8 | - [Building Welcoming Communities](https://opensource.guide/building-community/) 9 | 10 | ### [Code of Conduct](https://github.com/facebook/react/blob/master/CODE_OF_CONDUCT.md) 11 | 12 | As a reminder, all contributors are expected to adhere to the [Code of Conduct](https://github.com/facebook/react/blob/master/CODE_OF_CONDUCT.md). 13 | 14 | ## Ways to Contribute 15 | 16 | Please see our [Contributing Guide](https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md) in the main React Native repository. 17 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) Facebook, Inc. and its affiliates. 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /TRANSLATION.md: -------------------------------------------------------------------------------- 1 | # 日本語翻訳プロジェクト 2 | 3 | ## ✈️ Getting started 4 | 5 | ### インストール 6 | 7 | 1. `cd react-native-website` でプロジェクトルートへ移動します。 8 | 1. `yarn` でウェブサイトに必要なものをインストールします。 9 | 1. `cd website` でこのプロジェクトのウェブサイト部分に移動します。 10 | 11 | ### ローカルでの起動 12 | 13 | 1. `yarn start` で開発用サーバを起動します。 _(powered by [Docusaurus](https://v2.docusaurus.io))_. 14 | 1. `open http://localhost:3000/` で任意のブラウザーで開きます。 15 | 16 | ## メンテナー 17 | 18 | - @YutamaKotaro 19 | - @Naturalclar 20 | - @Shoken 21 | - @takahi5 22 | 23 | 質問があればメンテナーにお願いします。 24 | 25 | ## 翻訳に関して 26 | 27 | ### 未翻訳ページ一覧 28 | 29 | [ここ](https://github.com/react-native-jp/react-native-website/issues/1) 30 | で翻訳の状況をみることができます。 31 | あらたに翻訳をしたい場合は、そちらで宣言をしてください。 32 | 33 | ## 翻訳の仕方 34 | 35 | docs ディレクトリの中にマークダウンファイルがあるのでそちらを直接翻訳していきます。 36 | 詳細には以下の手順により翻訳を行なってください。 37 | 38 | 1. 翻訳の開始状況を確認する([こちら](https://github.com/react-native-jp/react-native-website/issues/1) 39 | で確認できます。) 40 | 2. 翻訳開始の宣言をする。 41 | 3. docs ディレクトリの中にマークダウンファイルがあり、それを直接書き換える。 42 | 4. 編集したファイル名が含まれるブランチ名を作成しプルリクエストを作成する。 43 | 44 | 以上です。 45 | 46 | ## 翻訳以外のタスクについて 47 | 48 | 翻訳以外のタスクも発生することがあります。 49 | 50 | それらは issue として立てるので対処に当たって下さりますと幸いです。 51 | またお気づきの問題があれば issue をたててくださると幸いです。 52 | 53 | ## コントリビューター 54 | -------------------------------------------------------------------------------- /design/Design/react-native-website.sketch: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-native-jp/react-native-website/b2a9641c9d109638f63a087bb2b97cb976428e24/design/Design/react-native-website.sketch -------------------------------------------------------------------------------- /design/Illustrations/diagram_pressable.ai: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-native-jp/react-native-website/b2a9641c9d109638f63a087bb2b97cb976428e24/design/Illustrations/diagram_pressable.ai -------------------------------------------------------------------------------- /design/Illustrations/dissection_images.psd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-native-jp/react-native-website/b2a9641c9d109638f63a087bb2b97cb976428e24/design/Illustrations/dissection_images.psd -------------------------------------------------------------------------------- /design/Illustrations/illustrations_security.ai: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-native-jp/react-native-website/b2a9641c9d109638f63a087bb2b97cb976428e24/design/Illustrations/illustrations_security.ai -------------------------------------------------------------------------------- /design/illustrations/devices.ai: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-native-jp/react-native-website/b2a9641c9d109638f63a087bb2b97cb976428e24/design/illustrations/devices.ai -------------------------------------------------------------------------------- /design/illustrations/devices_arranged.ai: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-native-jp/react-native-website/b2a9641c9d109638f63a087bb2b97cb976428e24/design/illustrations/devices_arranged.ai -------------------------------------------------------------------------------- /design/illustrations/diagram_android-ios-views.ai: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-native-jp/react-native-website/b2a9641c9d109638f63a087bb2b97cb976428e24/design/illustrations/diagram_android-ios-views.ai -------------------------------------------------------------------------------- /design/illustrations/diagram_components.ai: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-native-jp/react-native-website/b2a9641c9d109638f63a087bb2b97cb976428e24/design/illustrations/diagram_components.ai -------------------------------------------------------------------------------- /design/illustrations/diagram_pkce.sketch: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-native-jp/react-native-website/b2a9641c9d109638f63a087bb2b97cb976428e24/design/illustrations/diagram_pkce.sketch -------------------------------------------------------------------------------- /design/illustrations/diagram_testing-varieties.ai: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-native-jp/react-native-website/b2a9641c9d109638f63a087bb2b97cb976428e24/design/illustrations/diagram_testing-varieties.ai -------------------------------------------------------------------------------- /design/illustrations/diagram_testing.ai: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-native-jp/react-native-website/b2a9641c9d109638f63a087bb2b97cb976428e24/design/illustrations/diagram_testing.ai -------------------------------------------------------------------------------- /design/illustrations/p_catheads.ai: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-native-jp/react-native-website/b2a9641c9d109638f63a087bb2b97cb976428e24/design/illustrations/p_catheads.ai -------------------------------------------------------------------------------- /design/illustrations/p_rn_url.ai: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-native-jp/react-native-website/b2a9641c9d109638f63a087bb2b97cb976428e24/design/illustrations/p_rn_url.ai -------------------------------------------------------------------------------- /docs/devsettings.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: devsettings 3 | title: DevSettings 4 | --- 5 | 6 | The `DevSettings` module exposes methods for customizing settings for developers in development. 7 | 8 | --- 9 | 10 | # Reference 11 | 12 | ## Methods 13 | 14 | ### `addMenuItem()` 15 | 16 | ```jsx 17 | static addMenuItem(title, handler) 18 | ``` 19 | 20 | Add a custom menu item to the developer menu. 21 | 22 | **Parameters:** 23 | 24 | | Name | Type | 25 | | -------------------------------------------------------------- | -------- | 26 | | title
Required
| string | 27 | | component
Required
| function | 28 | 29 | **Example:** 30 | 31 | ```jsx 32 | DevSettings.addMenuItem('Show Secret Dev Screen', () => { 33 | Alert.alert('Showing secret dev screen!'); 34 | }); 35 | ``` 36 | 37 | --- 38 | 39 | ### `reload()` 40 | 41 | ```jsx 42 | static reload() 43 | ``` 44 | 45 | Reload the application. Can be invoked directly or on user interaction. 46 | 47 | **Example:** 48 | 49 | ```jsx 50 |