├── .circleci └── config.yml ├── .github └── PULL_REQUEST_TEMPLATE.md ├── .gitignore ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── LICENSE-docs ├── README.md ├── docs ├── accessibility.md ├── accessibilityinfo.md ├── actionsheetios.md ├── activityindicator.md ├── alert.md ├── alertios.md ├── android-building-from-source.md ├── animated.md ├── animatedvalue.md ├── animatedvaluexy.md ├── animations.md ├── app-extensions.md ├── appregistry.md ├── appstate.md ├── assets │ ├── AddToLibraries.png │ ├── Button.png │ ├── DeveloperMenu.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 │ ├── Inspector.gif │ ├── NavigationStack-NavigatorIOS.gif │ ├── PerfUtil.png │ ├── RunningOnDeviceCodeSigning.png │ ├── TodayWidgetUnableToLoad.jpg │ ├── buttonExample.png │ ├── favicon.png │ └── react-native-existing-app-integration-ios-before.png ├── asyncstorage.md ├── backandroid.md ├── backhandler.md ├── building-for-apple-tv.md ├── button.md ├── cameraroll.md ├── checkbox.md ├── clipboard.md ├── colors.md ├── communication-android.md ├── communication-ios.md ├── components-and-apis.md ├── contributing.md ├── custom-webview-android.md ├── custom-webview-ios.md ├── datepickerandroid.md ├── datepickerios.md ├── debugging.md ├── dimensions.md ├── direct-manipulation.md ├── drawerlayoutandroid.md ├── easing.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 ├── image-style-props.md ├── image.md ├── imageeditor.md ├── imagepickerios.md ├── images.md ├── imagestore.md ├── improvingux.md ├── integration-with-existing-apps.md ├── interactionmanager.md ├── javascript-environment.md ├── keyboard.md ├── keyboardavoidingview.md ├── layout-props.md ├── layoutanimation.md ├── linking-libraries-ios.md ├── linking.md ├── listview.md ├── listviewdatasource.md ├── maintainers.md ├── maskedviewios.md ├── modal.md ├── more-resources.md ├── native-components-android.md ├── native-components-ios.md ├── native-modules-android.md ├── native-modules-ios.md ├── navigation.md ├── navigatorios.md ├── netinfo.md ├── network.md ├── panresponder.md ├── performance.md ├── permissionsandroid.md ├── picker-item.md ├── picker-style-props.md ├── picker.md ├── pickerios.md ├── pixelratio.md ├── platform-specific-code.md ├── progressbarandroid.md ├── progressviewios.md ├── props.md ├── pushnotificationios.md ├── refreshcontrol.md ├── running-on-device.md ├── running-on-simulator-ios.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 ├── systrace.md ├── tabbarios-item.md ├── tabbarios.md ├── testing.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 ├── understanding-cli.md ├── upgrading.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 └── 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 └── assets │ ├── RNPerformanceStartup.png │ ├── animated-diagram.png │ ├── big-hero.jpg │ ├── blue-hero.jpg │ ├── button-android-ios.png │ ├── dark-hero.png │ ├── git-upgrade-conflict.png │ ├── hmr-architecture.png │ └── rtl-ama-ios-arabic.png ├── core ├── Footer.js └── RemarkablePlugins.js ├── i18n └── en.json ├── package.json ├── pages └── en │ ├── help.js │ ├── index.js │ ├── showcase.js │ └── versions.js ├── showcase.json ├── sidebars.json ├── siteConfig.js ├── static ├── css │ ├── codeblocks.css │ ├── docs.css │ ├── footer.css │ ├── hero.css │ ├── react-native.css │ ├── showcase.css │ └── tabs.css ├── img │ ├── AddToBuildPhases.png │ ├── AddToSearchPaths.png │ ├── AdministratorCommandPrompt.png │ ├── AndroidAVDConfiguration.png │ ├── AndroidDevServerDialog.png │ ├── AndroidDevSettings.png │ ├── AndroidDeveloperMenu.png │ ├── AndroidSDK1.png │ ├── AndroidSDK2.png │ ├── AndroidStudioCustomSetup.png │ ├── AnimatedFadeInView.gif │ ├── AnimationExperimentalOpacity.gif │ ├── AnimationExperimentalScaleXY.gif │ ├── ConfigureReleaseScheme.png │ ├── EmbeddedAppAndroid.png │ ├── EmbeddedAppContainerViewExample.png │ ├── Inspector.gif │ ├── LayoutAnimationExample.gif │ ├── NavigationStack-Navigator.gif │ ├── NavigationStack-NavigatorIOS.gif │ ├── ObjectObserveError.png │ ├── ReactDevTools.png │ ├── ReactDevToolsDollarR.gif │ ├── ReactDevToolsInspector.gif │ ├── Rebound.gif │ ├── ReboundExample.png │ ├── ReboundImage.gif │ ├── RunningOnDeviceReady.png │ ├── StaticImageAssets.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 │ ├── TutorialFinal.png │ ├── TutorialFinal2.png │ ├── TutorialMock.png │ ├── TutorialMock2.png │ ├── TutorialSingleFetched.png │ ├── TutorialSingleFetched2.png │ ├── TutorialStyledMock.png │ ├── TutorialStyledMock2.png │ ├── TweenState.gif │ ├── Warning.png │ ├── XcodeBuildIP.png │ ├── alertIOS.png │ ├── author.png │ ├── blog │ │ ├── RNPerformanceStartup.png │ │ ├── animated-diagram.png │ │ ├── big-hero.jpg │ │ ├── blue-hero.jpg │ │ ├── button-android-ios.png │ │ ├── dark-hero.png │ │ ├── git-upgrade-conflict.png │ │ ├── git-upgrade-output.png │ │ ├── hmr-architecture.png │ │ ├── hmr-diamond.png │ │ ├── hmr-log.png │ │ ├── hmr-proxy.png │ │ ├── hmr-step.png │ │ ├── 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 │ ├── chrome_breakpoint.png │ ├── favicon.png │ ├── header_logo.png │ ├── hitslop.mp4 │ ├── keyboardavoidingview.mp4 │ ├── opengraph.png │ ├── oss_logo.png │ ├── 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-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 │ │ ├── cbssports.png │ │ ├── chop.png │ │ ├── delivery.png │ │ ├── discord.png │ │ ├── f8.png │ │ ├── facebook.png │ │ ├── flare.png │ │ ├── gyroscope.png │ │ ├── huiseoul.png │ │ ├── instagram.png │ │ ├── jdcom.png │ │ ├── list.png │ │ ├── qq.png │ │ ├── skype.png │ │ ├── soundcloud_pulse.jpg │ │ ├── tesla.png │ │ ├── townske.png │ │ ├── ubereats.jpg │ │ ├── vogue.jpeg │ │ ├── wix.jpg │ │ └── wmt_spark.jpg │ ├── survey.png │ ├── textinput.mp4 │ ├── uiexplorer_main_android.png │ └── uiexplorer_main_ios.png └── js │ └── codeblocks.js ├── versioned_docs ├── version-0.10 │ ├── modal.md │ ├── text.md │ └── textinput.md ├── version-0.11 │ ├── drawerlayoutandroid.md │ ├── image.md │ ├── layoutanimation.md │ ├── modal.md │ ├── progressbarandroid.md │ ├── scrollview.md │ ├── toastandroid.md │ ├── toolbarandroid.md │ └── touchablenativefeedback.md ├── version-0.12 │ ├── animated.md │ ├── drawerlayoutandroid.md │ ├── easing.md │ ├── imagepickerios.md │ ├── modal.md │ ├── scrollview.md │ ├── textinput.md │ ├── touchablehighlight.md │ ├── touchablenativefeedback.md │ ├── touchableopacity.md │ ├── touchablewithoutfeedback.md │ └── transforms.md ├── version-0.13 │ ├── drawerlayoutandroid.md │ ├── modal.md │ ├── pushnotificationios.md │ ├── scrollview.md │ ├── switch.md │ ├── textinput.md │ ├── toolbarandroid.md │ ├── touchablehighlight.md │ ├── transforms.md │ ├── view-style-props.md │ └── viewpagerandroid.md ├── version-0.14 │ ├── modal.md │ ├── pushnotificationios.md │ ├── snapshotviewios.md │ ├── textinput.md │ ├── toolbarandroid.md │ └── transforms.md ├── version-0.15 │ ├── asyncstorage.md │ ├── cameraroll.md │ ├── geolocation.md │ ├── modal.md │ ├── progressbarandroid.md │ ├── textinput.md │ └── webview.md ├── version-0.16 │ ├── animated.md │ ├── datepickerios.md │ ├── drawerlayoutandroid.md │ ├── geolocation.md │ ├── layout-props.md │ ├── progressbarandroid.md │ ├── progressviewios.md │ ├── scrollview.md │ ├── segmentedcontrolios.md │ ├── snapshotviewios.md │ ├── switch.md │ ├── tabbarios-item.md │ ├── tabbarios.md │ ├── textinput.md │ ├── toastandroid.md │ ├── toolbarandroid.md │ ├── touchablewithoutfeedback.md │ ├── view-style-props.md │ ├── viewpagerandroid.md │ └── webview.md ├── version-0.17 │ ├── asyncstorage.md │ ├── image.md │ ├── modal.md │ ├── navigatorios.md │ ├── netinfo.md │ ├── scrollview.md │ ├── text.md │ ├── textinput.md │ ├── toolbarandroid.md │ ├── view-style-props.md │ └── webview.md ├── version-0.18 │ ├── animated.md │ ├── cameraroll.md │ ├── dimensions.md │ ├── drawerlayoutandroid.md │ ├── geolocation.md │ ├── image-style-props.md │ ├── image.md │ ├── imageeditor.md │ ├── imagestore.md │ ├── interactionmanager.md │ ├── navigatorios.md │ ├── progressbarandroid.md │ ├── pushnotificationios.md │ ├── refreshcontrol.md │ ├── scrollview.md │ ├── switch.md │ ├── tabbarios-item.md │ ├── tabbarios.md │ ├── text-style-props.md │ ├── text.md │ ├── toolbarandroid.md │ ├── touchablehighlight.md │ ├── view-style-props.md │ ├── viewpagerandroid.md │ └── webview.md ├── version-0.19 │ ├── animated.md │ ├── appstate.md │ ├── image.md │ ├── picker.md │ ├── pixelratio.md │ ├── progressbarandroid.md │ ├── pushnotificationios.md │ ├── scrollview.md │ ├── stylesheet.md │ ├── text-style-props.md │ ├── text.md │ ├── textinput.md │ ├── touchablewithoutfeedback.md │ ├── view-style-props.md │ └── webview.md ├── version-0.20 │ ├── cameraroll.md │ ├── clipboard.md │ ├── datepickerandroid.md │ ├── image-style-props.md │ ├── image.md │ ├── imagestore.md │ ├── layout-props.md │ ├── linking.md │ ├── picker.md │ ├── refreshcontrol.md │ ├── scrollview.md │ ├── statusbar.md │ ├── text.md │ ├── textinput.md │ ├── timepickerandroid.md │ ├── transforms.md │ ├── viewpagerandroid.md │ └── webview.md ├── version-0.21 │ ├── geolocation.md │ ├── linking.md │ ├── pushnotificationios.md │ └── scrollview.md ├── version-0.22 │ ├── actionsheetios.md │ ├── animated.md │ ├── drawerlayoutandroid.md │ ├── modal.md │ ├── netinfo.md │ ├── pushnotificationios.md │ ├── statusbar.md │ ├── statusbarios.md │ ├── textinput.md │ ├── touchablewithoutfeedback.md │ ├── vibration.md │ ├── vibrationios.md │ └── webview.md ├── version-0.23 │ ├── animated.md │ ├── asyncstorage.md │ ├── dimensions.md │ ├── drawerlayoutandroid.md │ ├── easing.md │ ├── image.md │ ├── modal.md │ ├── refreshcontrol.md │ ├── scrollview.md │ ├── segmentedcontrolios.md │ ├── textinput.md │ └── webview.md ├── version-0.24 │ ├── actionsheetios.md │ ├── drawerlayoutandroid.md │ ├── modal.md │ ├── pushnotificationios.md │ ├── scrollview.md │ ├── slider.md │ ├── statusbar.md │ ├── switch.md │ ├── textinput.md │ └── vibration.md ├── version-0.25 │ ├── asyncstorage.md │ ├── drawerlayoutandroid.md │ ├── geolocation.md │ ├── image-style-props.md │ ├── image.md │ ├── navigatorios.md │ ├── refreshcontrol.md │ ├── scrollview.md │ ├── statusbar.md │ ├── text-style-props.md │ ├── text.md │ ├── textinput.md │ ├── timepickerandroid.md │ ├── touchablehighlight.md │ ├── touchablenativefeedback.md │ ├── touchableopacity.md │ ├── viewpagerandroid.md │ └── webview.md ├── version-0.26 │ ├── linking.md │ ├── modal.md │ ├── panresponder.md │ ├── pickerios.md │ ├── pushnotificationios.md │ ├── scrollview.md │ ├── tabbarios-item.md │ ├── tabbarios.md │ ├── text-style-props.md │ ├── text.md │ ├── touchableopacity.md │ ├── transforms.md │ ├── viewpagerandroid.md │ └── webview.md ├── version-0.27 │ ├── drawerlayoutandroid.md │ ├── image-style-props.md │ ├── image.md │ ├── navigatorios.md │ ├── netinfo.md │ ├── refreshcontrol.md │ ├── scrollview.md │ ├── statusbarios.md │ ├── textinput.md │ └── viewpagerandroid.md ├── version-0.28 │ ├── actionsheetios.md │ ├── activityindicator.md │ ├── appstate.md │ ├── asyncstorage.md │ ├── image.md │ ├── linking.md │ ├── pushnotificationios.md │ ├── scrollview.md │ └── tabbarios.md ├── version-0.29 │ ├── asyncstorage.md │ ├── cameraroll.md │ ├── image.md │ ├── interactionmanager.md │ ├── keyboardavoidingview.md │ ├── layout-props.md │ ├── modal.md │ ├── navigatorios.md │ ├── pushnotificationios.md │ ├── refreshcontrol.md │ ├── statusbar.md │ ├── statusbarios.md │ ├── stylesheet.md │ ├── text.md │ ├── textinput.md │ └── webview.md ├── version-0.30 │ ├── activityindicator.md │ ├── datepickerios.md │ ├── drawerlayoutandroid.md │ ├── image-style-props.md │ ├── image.md │ ├── keyboardavoidingview.md │ ├── layout-props.md │ ├── modal.md │ ├── progressbarandroid.md │ ├── progressviewios.md │ ├── scrollview.md │ ├── segmentedcontrolios.md │ ├── shadow-props.md │ ├── slider.md │ ├── text-style-props.md │ ├── text.md │ ├── textinput.md │ ├── toolbarandroid.md │ ├── transforms.md │ ├── view-style-props.md │ └── viewpagerandroid.md ├── version-0.31 │ ├── asyncstorage.md │ ├── image.md │ ├── panresponder.md │ ├── pushnotificationios.md │ ├── text.md │ ├── textinput.md │ ├── toastandroid.md │ ├── touchablehighlight.md │ ├── touchableopacity.md │ └── webview.md ├── version-0.32 │ ├── activityindicator.md │ ├── image.md │ ├── keyboardavoidingview.md │ ├── layout-props.md │ ├── navigatorios.md │ ├── picker.md │ ├── pushnotificationios.md │ ├── scrollview.md │ ├── share.md │ ├── snapshotviewios.md │ ├── statusbar.md │ ├── tabbarios.md │ ├── textinput.md │ ├── viewpagerandroid.md │ └── webview.md ├── version-0.33 │ ├── image.md │ ├── layout-props.md │ ├── permissionsandroid.md │ ├── text-style-props.md │ └── text.md ├── version-0.34 │ ├── actionsheetios.md │ ├── animated.md │ ├── cameraroll.md │ ├── geolocation.md │ ├── image.md │ ├── keyboardavoidingview.md │ ├── layout-props.md │ ├── modal.md │ ├── navigatorios.md │ ├── pushnotificationios.md │ ├── switch.md │ ├── text-style-props.md │ ├── text.md │ ├── textinput.md │ └── vibration.md ├── version-0.35 │ ├── geolocation.md │ ├── image.md │ ├── permissionsandroid.md │ └── toastandroid.md ├── version-0.36 │ ├── animated.md │ ├── keyboard.md │ ├── layout-props.md │ ├── modal.md │ ├── scrollview.md │ ├── statusbar.md │ ├── textinput.md │ ├── touchablehighlight.md │ ├── touchablenativefeedback.md │ └── view-style-props.md ├── version-0.37 │ ├── activityindicator.md │ ├── alert.md │ ├── alertios.md │ ├── appregistry.md │ ├── button.md │ ├── cameraroll.md │ ├── datepickerios.md │ ├── drawerlayoutandroid.md │ ├── image-style-props.md │ ├── image.md │ ├── keyboardavoidingview.md │ ├── layout-props.md │ ├── modal.md │ ├── navigatorios.md │ ├── panresponder.md │ ├── progressbarandroid.md │ ├── progressviewios.md │ ├── pushnotificationios.md │ ├── scrollview.md │ ├── segmentedcontrolios.md │ ├── shadow-props.md │ ├── slider.md │ ├── systrace.md │ ├── text-style-props.md │ ├── text.md │ ├── textinput.md │ ├── toolbarandroid.md │ ├── touchablenativefeedback.md │ ├── transforms.md │ ├── view-style-props.md │ └── webview.md ├── version-0.38 │ ├── modal.md │ ├── pushnotificationios.md │ ├── statusbar.md │ └── textinput.md ├── version-0.39 │ ├── animated.md │ ├── geolocation.md │ ├── image.md │ ├── pushnotificationios.md │ ├── text.md │ ├── textinput.md │ ├── touchableopacity.md │ └── touchablewithoutfeedback.md ├── version-0.40 │ ├── datepickerandroid.md │ ├── layout-props.md │ ├── layoutanimation.md │ ├── panresponder.md │ ├── permissionsandroid.md │ ├── pushnotificationios.md │ ├── scrollview.md │ ├── stylesheet.md │ ├── tabbarios-item.md │ ├── tabbarios.md │ ├── text-style-props.md │ ├── text.md │ └── textinput.md ├── version-0.41 │ ├── alert.md │ ├── appregistry.md │ ├── cameraroll.md │ ├── image.md │ ├── modal.md │ ├── scrollview.md │ ├── tabbarios-item.md │ ├── text.md │ ├── textinput.md │ ├── touchablehighlight.md │ └── touchableopacity.md ├── version-0.42 │ ├── alertios.md │ ├── animated.md │ ├── appstate.md │ ├── button.md │ ├── cameraroll.md │ ├── geolocation.md │ ├── image.md │ ├── layout-props.md │ ├── navigatorios.md │ ├── permissionsandroid.md │ ├── scrollview.md │ ├── slider.md │ ├── switch.md │ ├── text.md │ ├── textinput.md │ └── touchablewithoutfeedback.md ├── version-0.43 │ ├── accessibilityinfo.md │ ├── alert.md │ ├── animated.md │ ├── appregistry.md │ ├── cameraroll.md │ ├── datepickerandroid.md │ ├── dimensions.md │ ├── easing.md │ ├── image.md │ ├── layout-props.md │ ├── layoutanimation.md │ ├── scrollview.md │ ├── statusbar.md │ ├── text.md │ ├── textinput.md │ ├── touchablehighlight.md │ ├── touchablenativefeedback.md │ ├── touchableopacity.md │ └── touchablewithoutfeedback.md ├── version-0.44 │ ├── alertios.md │ ├── animated.md │ ├── appregistry.md │ ├── backandroid.md │ ├── backhandler.md │ ├── flatlist.md │ ├── image.md │ ├── keyboardavoidingview.md │ ├── linking.md │ ├── listview.md │ ├── listviewdatasource.md │ ├── modal.md │ ├── navigatorios.md │ ├── pushnotificationios.md │ ├── scrollview.md │ ├── sectionlist.md │ ├── slider.md │ ├── tabbarios-item.md │ ├── textinput.md │ ├── touchablehighlight.md │ ├── touchablewithoutfeedback.md │ ├── view.md │ ├── virtualizedlist.md │ └── webview.md ├── version-0.45 │ ├── appregistry.md │ ├── cameraroll.md │ ├── datepickerandroid.md │ ├── flatlist.md │ ├── geolocation.md │ ├── image.md │ ├── keyboard.md │ ├── layout-props.md │ ├── linking.md │ ├── navigatorios.md │ ├── netinfo.md │ ├── panresponder.md │ ├── permissionsandroid.md │ ├── picker.md │ ├── pushnotificationios.md │ ├── scrollview.md │ ├── sectionlist.md │ ├── slider.md │ ├── systrace.md │ ├── text.md │ ├── textinput.md │ ├── touchablewithoutfeedback.md │ ├── view.md │ └── virtualizedlist.md ├── version-0.46 │ ├── accessibilityinfo.md │ ├── animated.md │ ├── appstate.md │ ├── flatlist.md │ ├── geolocation.md │ ├── image.md │ ├── layout-props.md │ ├── linking.md │ ├── listview.md │ ├── pushnotificationios.md │ ├── scrollview.md │ ├── sectionlist.md │ ├── virtualizedlist.md │ └── webview.md ├── version-0.47 │ ├── appregistry.md │ ├── flatlist.md │ ├── keyboard.md │ ├── layout-props.md │ ├── modal.md │ ├── pushnotificationios.md │ ├── scrollview.md │ ├── sectionlist.md │ ├── systrace.md │ ├── text.md │ ├── view.md │ ├── viewpagerandroid.md │ └── virtualizedlist.md ├── version-0.48 │ ├── animated.md │ ├── flatlist.md │ ├── geolocation.md │ ├── image.md │ ├── keyboardavoidingview.md │ ├── layout-props.md │ ├── linking.md │ ├── listview.md │ ├── listviewdatasource.md │ ├── maskedviewios.md │ ├── modal.md │ ├── navigatorios.md │ ├── netinfo.md │ ├── scrollview.md │ ├── sectionlist.md │ ├── statusbar.md │ ├── touchableopacity.md │ ├── touchablewithoutfeedback.md │ ├── transforms.md │ └── view.md ├── version-0.49 │ ├── alertios.md │ ├── animated.md │ ├── button.md │ ├── flatlist.md │ ├── geolocation.md │ ├── maskedviewios.md │ ├── modal.md │ ├── navigatorios.md │ ├── permissionsandroid.md │ ├── picker.md │ ├── pixelratio.md │ ├── pushnotificationios.md │ ├── scrollview.md │ ├── sectionlist.md │ ├── snapshotviewios.md │ ├── statusbar.md │ ├── stylesheet.md │ ├── systrace.md │ ├── tabbarios.md │ ├── text.md │ ├── textinput.md │ ├── toastandroid.md │ ├── vibration.md │ ├── view.md │ ├── viewpagerandroid.md │ └── virtualizedlist.md ├── version-0.5 │ ├── accessibility.md │ ├── accessibilityinfo.md │ ├── actionsheetios.md │ ├── activityindicator.md │ ├── alert.md │ ├── alertios.md │ ├── android-building-from-source.md │ ├── animated.md │ ├── animatedvalue.md │ ├── animatedvaluexy.md │ ├── animations.md │ ├── app-extensions.md │ ├── appregistry.md │ ├── appstate.md │ ├── asyncstorage.md │ ├── backandroid.md │ ├── backhandler.md │ ├── building-for-apple-tv.md │ ├── button.md │ ├── cameraroll.md │ ├── checkbox.md │ ├── clipboard.md │ ├── colors.md │ ├── communication-android.md │ ├── communication-ios.md │ ├── components-and-apis.md │ ├── contributing.md │ ├── custom-webview-android.md │ ├── custom-webview-ios.md │ ├── datepickerandroid.md │ ├── datepickerios.md │ ├── debugging.md │ ├── dimensions.md │ ├── direct-manipulation.md │ ├── drawerlayoutandroid.md │ ├── easing.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 │ ├── image-style-props.md │ ├── image.md │ ├── imageeditor.md │ ├── imagepickerios.md │ ├── images.md │ ├── imagestore.md │ ├── improvingux.md │ ├── integration-with-existing-apps.md │ ├── interactionmanager.md │ ├── javascript-environment.md │ ├── keyboard.md │ ├── keyboardavoidingview.md │ ├── layout-props.md │ ├── layoutanimation.md │ ├── linking-libraries-ios.md │ ├── linking.md │ ├── listview.md │ ├── listviewdatasource.md │ ├── maintainers.md │ ├── maskedviewios.md │ ├── modal.md │ ├── more-resources.md │ ├── native-components-android.md │ ├── native-components-ios.md │ ├── native-modules-android.md │ ├── native-modules-ios.md │ ├── navigation.md │ ├── navigatorios.md │ ├── netinfo.md │ ├── network.md │ ├── panresponder.md │ ├── performance.md │ ├── permissionsandroid.md │ ├── picker-item.md │ ├── picker-style-props.md │ ├── picker.md │ ├── pickerios.md │ ├── pixelratio.md │ ├── platform-specific-code.md │ ├── progressbarandroid.md │ ├── progressviewios.md │ ├── props.md │ ├── pushnotificationios.md │ ├── refreshcontrol.md │ ├── running-on-device.md │ ├── running-on-simulator-ios.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 │ ├── systrace.md │ ├── tabbarios-item.md │ ├── tabbarios.md │ ├── testing.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 │ ├── understanding-cli.md │ ├── upgrading.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.50 │ ├── actionsheetios.md │ ├── activityindicator.md │ ├── alertios.md │ ├── animated.md │ ├── button.md │ ├── cameraroll.md │ ├── checkbox.md │ ├── flatlist.md │ ├── geolocation.md │ ├── image.md │ ├── maskedviewios.md │ ├── modal.md │ ├── progressbarandroid.md │ ├── scrollview.md │ ├── sectionlist.md │ ├── segmentedcontrolios.md │ ├── text.md │ ├── textinput.md │ ├── timepickerandroid.md │ ├── toastandroid.md │ ├── touchablehighlight.md │ ├── touchableopacity.md │ ├── viewpagerandroid.md │ ├── virtualizedlist.md │ └── webview.md ├── version-0.51 │ ├── actionsheetios.md │ ├── animated.md │ ├── button.md │ ├── easing.md │ ├── flatlist.md │ ├── image.md │ ├── layout-props.md │ ├── netinfo.md │ ├── scrollview.md │ ├── sectionlist.md │ ├── share.md │ ├── text.md │ ├── textinput.md │ ├── touchableopacity.md │ ├── view-style-props.md │ └── viewpagerandroid.md ├── version-0.6 │ ├── netinfo.md │ ├── pixelratio.md │ ├── progressviewios.md │ ├── pushnotificationios.md │ ├── scrollview.md │ ├── statusbarios.md │ ├── tabbarios.md │ ├── textinput.md │ ├── touchablehighlight.md │ ├── touchableopacity.md │ └── touchablewithoutfeedback.md ├── version-0.7 │ ├── pushnotificationios.md │ ├── scrollview.md │ ├── text-style-props.md │ ├── text.md │ ├── textinput.md │ └── webview.md ├── version-0.8 │ ├── image.md │ ├── navigatorios.md │ ├── scrollview.md │ ├── text-style-props.md │ ├── text.md │ ├── view-style-props.md │ └── webview.md └── version-0.9 │ ├── cameraroll.md │ ├── image-style-props.md │ ├── image.md │ ├── navigatorios.md │ ├── pixelratio.md │ ├── pushnotificationios.md │ ├── scrollview.md │ ├── statusbarios.md │ ├── tabbarios.md │ ├── text-style-props.md │ ├── text.md │ ├── textinput.md │ ├── transforms.md │ └── view-style-props.md ├── versioned_sidebars ├── version-0.10-sidebars.json ├── version-0.11-sidebars.json ├── version-0.12-sidebars.json ├── version-0.13-sidebars.json ├── version-0.14-sidebars.json ├── version-0.15-sidebars.json ├── version-0.18-sidebars.json ├── version-0.19-sidebars.json ├── version-0.20-sidebars.json ├── version-0.22-sidebars.json ├── version-0.24-sidebars.json ├── version-0.26-sidebars.json ├── version-0.28-sidebars.json ├── version-0.29-sidebars.json ├── version-0.32-sidebars.json ├── version-0.33-sidebars.json ├── version-0.36-sidebars.json ├── version-0.37-sidebars.json ├── version-0.43-sidebars.json ├── version-0.44-sidebars.json ├── version-0.48-sidebars.json ├── version-0.5-sidebars.json └── version-0.6-sidebars.json ├── versions.json └── yarn.lock /.github/PULL_REQUEST_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | Thank you for the PR! Contributors like you keep React Native awesome! 2 | 3 | Please see the Contribution Guide for guidelines: 4 | 5 | https://github.com/facebook/react-native-website/blob/master/CONTRIBUTING.md 6 | 7 | If your PR references an existing issue, please add the issue number below: 8 | 9 | # 10 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | lib/core/metadata.js 4 | lib/core/MetadataBlog.js 5 | website/translated_docs 6 | website/build/ 7 | website/yarn.lock 8 | website/node_modules 9 | 10 | website/i18n/* 11 | !website/i18n/en.json 12 | 13 | .nvmrc 14 | -------------------------------------------------------------------------------- /docs/assets/AddToLibraries.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/AddToLibraries.png -------------------------------------------------------------------------------- /docs/assets/Button.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/Button.png -------------------------------------------------------------------------------- /docs/assets/DeveloperMenu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/DeveloperMenu.png -------------------------------------------------------------------------------- /docs/assets/GettingStartedAVDManagerMacOS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/GettingStartedAVDManagerMacOS.png -------------------------------------------------------------------------------- /docs/assets/GettingStartedAVDManagerWindows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/GettingStartedAVDManagerWindows.png -------------------------------------------------------------------------------- /docs/assets/GettingStartedAndroidEnvironmentVariableANDROID_HOME.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/GettingStartedAndroidEnvironmentVariableANDROID_HOME.png -------------------------------------------------------------------------------- /docs/assets/GettingStartedAndroidSDKManagerInstallsMacOS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/GettingStartedAndroidSDKManagerInstallsMacOS.png -------------------------------------------------------------------------------- /docs/assets/GettingStartedAndroidSDKManagerInstallsWindows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/GettingStartedAndroidSDKManagerInstallsWindows.png -------------------------------------------------------------------------------- /docs/assets/GettingStartedAndroidSDKManagerMacOS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/GettingStartedAndroidSDKManagerMacOS.png -------------------------------------------------------------------------------- /docs/assets/GettingStartedAndroidSDKManagerSDKToolsMacOS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/GettingStartedAndroidSDKManagerSDKToolsMacOS.png -------------------------------------------------------------------------------- /docs/assets/GettingStartedAndroidSDKManagerSDKToolsWindows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/GettingStartedAndroidSDKManagerSDKToolsWindows.png -------------------------------------------------------------------------------- /docs/assets/GettingStartedAndroidSDKManagerWindows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/GettingStartedAndroidSDKManagerWindows.png -------------------------------------------------------------------------------- /docs/assets/GettingStartedAndroidStudioAVD.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/GettingStartedAndroidStudioAVD.png -------------------------------------------------------------------------------- /docs/assets/GettingStartedAndroidStudioWelcomeMacOS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/GettingStartedAndroidStudioWelcomeMacOS.png -------------------------------------------------------------------------------- /docs/assets/GettingStartedAndroidStudioWelcomeWindows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/GettingStartedAndroidStudioWelcomeWindows.png -------------------------------------------------------------------------------- /docs/assets/GettingStartedAndroidSuccessMacOS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/GettingStartedAndroidSuccessMacOS.png -------------------------------------------------------------------------------- /docs/assets/GettingStartedAndroidSuccessWindows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/GettingStartedAndroidSuccessWindows.png -------------------------------------------------------------------------------- /docs/assets/GettingStartedCongratulations.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/GettingStartedCongratulations.png -------------------------------------------------------------------------------- /docs/assets/GettingStartedCreateAVDMacOS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/GettingStartedCreateAVDMacOS.png -------------------------------------------------------------------------------- /docs/assets/GettingStartedCreateAVDWindows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/GettingStartedCreateAVDWindows.png -------------------------------------------------------------------------------- /docs/assets/GettingStartedCreateAVDx86MacOS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/GettingStartedCreateAVDx86MacOS.png -------------------------------------------------------------------------------- /docs/assets/GettingStartedCreateAVDx86Windows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/GettingStartedCreateAVDx86Windows.png -------------------------------------------------------------------------------- /docs/assets/GettingStartedXcodeCommandLineTools.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/GettingStartedXcodeCommandLineTools.png -------------------------------------------------------------------------------- /docs/assets/GettingStartediOSSuccess.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/GettingStartediOSSuccess.png -------------------------------------------------------------------------------- /docs/assets/Inspector.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/Inspector.gif -------------------------------------------------------------------------------- /docs/assets/NavigationStack-NavigatorIOS.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/NavigationStack-NavigatorIOS.gif -------------------------------------------------------------------------------- /docs/assets/PerfUtil.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/PerfUtil.png -------------------------------------------------------------------------------- /docs/assets/RunningOnDeviceCodeSigning.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/RunningOnDeviceCodeSigning.png -------------------------------------------------------------------------------- /docs/assets/TodayWidgetUnableToLoad.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/TodayWidgetUnableToLoad.jpg -------------------------------------------------------------------------------- /docs/assets/buttonExample.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/buttonExample.png -------------------------------------------------------------------------------- /docs/assets/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/favicon.png -------------------------------------------------------------------------------- /docs/assets/react-native-existing-app-integration-ios-before.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/docs/assets/react-native-existing-app-integration-ios-before.png -------------------------------------------------------------------------------- /docs/backandroid.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: backandroid 3 | title: BackAndroid 4 | --- 5 | 6 | Deprecated. Use BackHandler instead. 7 | 8 | 9 | ### Methods 10 | 11 | - [`exitApp`](backandroid.md#exitapp) 12 | - [`addEventListener`](backandroid.md#addeventlistener) 13 | - [`removeEventListener`](backandroid.md#removeeventlistener) 14 | 15 | 16 | 17 | 18 | --- 19 | 20 | # Reference 21 | 22 | ## Methods 23 | 24 | ### `exitApp()` 25 | 26 | ```javascript 27 | static exitApp() 28 | ``` 29 | 30 | 31 | 32 | --- 33 | 34 | ### `addEventListener()` 35 | 36 | ```javascript 37 | static addEventListener(eventName, handler) 38 | ``` 39 | 40 | 41 | 42 | --- 43 | 44 | ### `removeEventListener()` 45 | 46 | ```javascript 47 | static removeEventListener(eventName, handler) 48 | ``` 49 | 50 | 51 | 52 | -------------------------------------------------------------------------------- /docs/clipboard.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: clipboard 3 | title: Clipboard 4 | --- 5 | 6 | `Clipboard` gives you an interface for setting and getting content from Clipboard on both iOS and Android 7 | 8 | 9 | ### Methods 10 | 11 | - [`getString`](clipboard.md#getstring) 12 | - [`setString`](clipboard.md#setstring) 13 | 14 | 15 | 16 | 17 | --- 18 | 19 | # Reference 20 | 21 | ## Methods 22 | 23 | ### `getString()` 24 | 25 | ```javascript 26 | static getString() 27 | ``` 28 | 29 | 30 | Get content of string type, this method returns a `Promise`, so you can use following code to get clipboard content 31 | ```javascript 32 | async _getContent() { 33 | var content = await Clipboard.getString(); 34 | } 35 | ``` 36 | 37 | 38 | 39 | 40 | --- 41 | 42 | ### `setString()` 43 | 44 | ```javascript 45 | static setString(content) 46 | ``` 47 | 48 | 49 | Set content of string type. You can use following code to set clipboard content 50 | ```javascript 51 | _setContent() { 52 | Clipboard.setString('hello world'); 53 | } 54 | ``` 55 | @param the content to be stored in the clipboard. 56 | 57 | 58 | 59 | 60 | -------------------------------------------------------------------------------- /docs/imageeditor.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: imageeditor 3 | title: ImageEditor 4 | --- 5 | 6 | 7 | 8 | ### Methods 9 | 10 | - [`cropImage`](imageeditor.md#cropimage) 11 | 12 | 13 | 14 | 15 | --- 16 | 17 | # Reference 18 | 19 | ## Methods 20 | 21 | ### `cropImage()` 22 | 23 | ```javascript 24 | static cropImage(uri, cropData, success, failure) 25 | ``` 26 | 27 | 28 | Crop the image specified by the URI param. If URI points to a remote 29 | image, it will be downloaded automatically. If the image cannot be 30 | loaded/downloaded, the failure callback will be called. 31 | 32 | If the cropping process is successful, the resultant cropped image 33 | will be stored in the ImageStore, and the URI returned in the success 34 | callback will point to the image in the store. Remember to delete the 35 | cropped image from the ImageStore when you are done with it. 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /docs/imagepickerios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: imagepickerios 3 | title: ImagePickerIOS 4 | --- 5 | 6 | 7 | 8 | ### Methods 9 | 10 | - [`canRecordVideos`](imagepickerios.md#canrecordvideos) 11 | - [`canUseCamera`](imagepickerios.md#canusecamera) 12 | - [`openCameraDialog`](imagepickerios.md#opencameradialog) 13 | - [`openSelectDialog`](imagepickerios.md#openselectdialog) 14 | 15 | 16 | 17 | 18 | --- 19 | 20 | # Reference 21 | 22 | ## Methods 23 | 24 | ### `canRecordVideos()` 25 | 26 | ```javascript 27 | static canRecordVideos(callback) 28 | ``` 29 | 30 | 31 | 32 | --- 33 | 34 | ### `canUseCamera()` 35 | 36 | ```javascript 37 | static canUseCamera(callback) 38 | ``` 39 | 40 | 41 | 42 | --- 43 | 44 | ### `openCameraDialog()` 45 | 46 | ```javascript 47 | static openCameraDialog(config, successCallback, cancelCallback) 48 | ``` 49 | 50 | 51 | 52 | --- 53 | 54 | ### `openSelectDialog()` 55 | 56 | ```javascript 57 | static openSelectDialog(config, successCallback, cancelCallback) 58 | ``` 59 | 60 | 61 | 62 | -------------------------------------------------------------------------------- /docs/maskedviewios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: maskedviewios 3 | title: MaskedViewIOS 4 | --- 5 | Renders the child view with a mask specified in the `maskElement` prop. 6 | 7 | ``` 8 | import React from 'react'; 9 | import { MaskedViewIOS, Text, View } from 'react-native'; 10 | 11 | class MyMaskedView extends React.Component { 12 | render() { 13 | return ( 14 | 18 | 19 | Basic Mask 20 | 21 | 22 | } 23 | > 24 | 25 | 26 | ); 27 | } 28 | } 29 | ``` 30 | 31 | The above example will render a view with a blue background that fills its 32 | parent, and then mask that view with text that says "Basic Mask". 33 | 34 | The alpha channel of the view rendered by the `maskElement` prop determines how 35 | much of the view's content and background shows through. Fully or partially 36 | opaque pixels allow the underlying content to show through but fully 37 | transparent pixels block that content. 38 | 39 | ### Props 40 | 41 | * [View props...](view.md#props) 42 | - [`maskElement`](maskedviewios.md#maskelement) 43 | 44 | 45 | 46 | 47 | 48 | 49 | --- 50 | 51 | # Reference 52 | 53 | ## Props 54 | 55 | ### `maskElement` 56 | 57 | 58 | 59 | | Type | Required | 60 | | - | - | 61 | | element | Yes | 62 | 63 | 64 | 65 | 66 | 67 | 68 | -------------------------------------------------------------------------------- /docs/picker-item.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: picker-item 3 | title: Picker.Item 4 | --- 5 | 6 | Individual selectable item in a [Picker](picker.md). 7 | 8 | ### Props 9 | 10 | - [`label`](picker-item.md#label) 11 | - [`color`](picker-item.md#color) 12 | - [`testID`](picker-item.md#testid) 13 | - [`value`](picker-item.md#value) 14 | 15 | --- 16 | 17 | # Reference 18 | 19 | ## Props 20 | 21 | ### `label` 22 | 23 | Text to display for this item. 24 | 25 | | Type | Required | 26 | | - | - | 27 | | string | Yes | 28 | 29 | ### `color` 30 | 31 | The value to be passed to picker's `onValueChange` callback when this item is selected. Can be a string or an integer. 32 | 33 | | Type | Required | 34 | | - | - | 35 | | [color](colors.md) | No | 36 | 37 | ### `testID` 38 | 39 | Used to locate the item in end-to-end tests. 40 | 41 | | Type | Required | 42 | | - | - | 43 | | string | No | 44 | 45 | ### `value` 46 | 47 | Color of this item's text. 48 | 49 | | Type | Required | Platform | 50 | | - | - | - | 51 | | any | No | Android | 52 | 53 | -------------------------------------------------------------------------------- /docs/picker-style-props.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: picker-style-props 3 | title: Picker Style Props 4 | --- 5 | 6 | [Picker](picker.md) style props. 7 | 8 | ### Props 9 | 10 | - [View Style Props...](view-style-props.md) 11 | - [`color`](picker-style-props.md#color) 12 | 13 | 14 | 15 | --- 16 | 17 | # Reference 18 | 19 | ## Props 20 | 21 | ### `color` 22 | 23 | 24 | 25 | | Type | Required | 26 | | - | - | 27 | | [color](color.md) | No | 28 | -------------------------------------------------------------------------------- /docs/pickerios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: pickerios 3 | title: PickerIOS 4 | --- 5 | ### Props 6 | 7 | * [View props...](view.md#props) 8 | - [`itemStyle`](pickerios.md#itemstyle) 9 | - [`onValueChange`](pickerios.md#onvaluechange) 10 | - [`selectedValue`](pickerios.md#selectedvalue) 11 | 12 | 13 | 14 | 15 | 16 | 17 | --- 18 | 19 | # Reference 20 | 21 | ## Props 22 | 23 | ### `itemStyle` 24 | 25 | 26 | 27 | | Type | Required | 28 | | - | - | 29 | | itemStylePropType | No | 30 | 31 | 32 | 33 | 34 | --- 35 | 36 | ### `onValueChange` 37 | 38 | 39 | 40 | | Type | Required | 41 | | - | - | 42 | | function | No | 43 | 44 | 45 | 46 | 47 | --- 48 | 49 | ### `selectedValue` 50 | 51 | 52 | 53 | | Type | Required | 54 | | - | - | 55 | | any | No | 56 | 57 | 58 | 59 | 60 | 61 | 62 | -------------------------------------------------------------------------------- /docs/progressviewios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: progressviewios 3 | title: ProgressViewIOS 4 | --- 5 | Use `ProgressViewIOS` to render a UIProgressView on iOS. 6 | 7 | ### Props 8 | 9 | * [View props...](view.md#props) 10 | - [`progress`](progressviewios.md#progress) 11 | - [`progressImage`](progressviewios.md#progressimage) 12 | - [`progressTintColor`](progressviewios.md#progresstintcolor) 13 | - [`progressViewStyle`](progressviewios.md#progressviewstyle) 14 | - [`trackImage`](progressviewios.md#trackimage) 15 | - [`trackTintColor`](progressviewios.md#tracktintcolor) 16 | 17 | 18 | 19 | 20 | 21 | 22 | --- 23 | 24 | # Reference 25 | 26 | ## Props 27 | 28 | ### `progress` 29 | 30 | The progress value (between 0 and 1). 31 | 32 | | Type | Required | 33 | | - | - | 34 | | number | No | 35 | 36 | 37 | 38 | 39 | --- 40 | 41 | ### `progressImage` 42 | 43 | A stretchable image to display as the progress bar. 44 | 45 | | Type | Required | 46 | | - | - | 47 | | Image.propTypes.source | No | 48 | 49 | 50 | 51 | 52 | --- 53 | 54 | ### `progressTintColor` 55 | 56 | The tint color of the progress bar itself. 57 | 58 | | Type | Required | 59 | | - | - | 60 | | string | No | 61 | 62 | 63 | 64 | 65 | --- 66 | 67 | ### `progressViewStyle` 68 | 69 | The progress bar style. 70 | 71 | | Type | Required | 72 | | - | - | 73 | | enum('default', 'bar') | No | 74 | 75 | 76 | 77 | 78 | --- 79 | 80 | ### `trackImage` 81 | 82 | A stretchable image to display behind the progress bar. 83 | 84 | | Type | Required | 85 | | - | - | 86 | | Image.propTypes.source | No | 87 | 88 | 89 | 90 | 91 | --- 92 | 93 | ### `trackTintColor` 94 | 95 | The tint color of the progress bar track. 96 | 97 | | Type | Required | 98 | | - | - | 99 | | string | No | 100 | 101 | 102 | 103 | 104 | 105 | 106 | -------------------------------------------------------------------------------- /docs/running-on-simulator-ios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: running-on-simulator-ios 3 | title: Running On Simulator 4 | --- 5 | 6 | ## Starting the simulator 7 | 8 | Once you have your React Native project initialized, you can run `react-native run-ios` inside the newly created project directory. If everything is set up correctly, you should see your new app running in the iOS Simulator shortly. 9 | 10 | ## Specifying a device 11 | 12 | You can specify the device the simulator should run with the `--simulator` flag, followed by the device name as a string. The default is `"iPhone 6"`. If you wish to run your app on an iPhone 4s, just run `react-native run-ios --simulator="iPhone 4s"`. 13 | 14 | The device names correspond to the list of devices available in Xcode. You can check your available devices by running `xcrun simctl list devices` from the console. 15 | -------------------------------------------------------------------------------- /docs/settings.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: settings 3 | title: Settings 4 | --- 5 | 6 | 7 | 8 | ### Methods 9 | 10 | - [`get`](settings.md#get) 11 | - [`set`](settings.md#set) 12 | - [`watchKeys`](settings.md#watchkeys) 13 | - [`clearWatch`](settings.md#clearwatch) 14 | 15 | 16 | ### Properties 17 | 18 | 19 | 20 | 21 | 22 | --- 23 | 24 | # Reference 25 | 26 | ## Methods 27 | 28 | ### `get()` 29 | 30 | ```javascript 31 | static get(key) 32 | ``` 33 | 34 | 35 | 36 | --- 37 | 38 | ### `set()` 39 | 40 | ```javascript 41 | static set(settings) 42 | ``` 43 | 44 | 45 | 46 | --- 47 | 48 | ### `watchKeys()` 49 | 50 | ```javascript 51 | static watchKeys(keys, callback) 52 | ``` 53 | 54 | 55 | 56 | --- 57 | 58 | ### `clearWatch()` 59 | 60 | ```javascript 61 | static clearWatch(watchId) 62 | ``` 63 | 64 | 65 | 66 | ## Properties 67 | 68 | 69 | 70 | -------------------------------------------------------------------------------- /docs/shadow-props.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: shadow-props 3 | title: Shadow Props 4 | --- 5 | ### Props 6 | 7 | - [`shadowColor`](shadow-props.md#shadowcolor) 8 | - [`shadowOffset`](shadow-props.md#shadowoffset) 9 | - [`shadowOpacity`](shadow-props.md#shadowopacity) 10 | - [`shadowRadius`](shadow-props.md#shadowradius) 11 | 12 | 13 | 14 | 15 | 16 | 17 | --- 18 | 19 | # Reference 20 | 21 | ## Props 22 | 23 | ### `shadowColor` 24 | 25 | Sets the drop shadow color 26 | 27 | 28 | | Type | Required | Platform | 29 | | - | - | - | 30 | | [color](colors.md) | No | iOS | 31 | 32 | 33 | 34 | 35 | --- 36 | 37 | ### `shadowOffset` 38 | 39 | Sets the drop shadow offset 40 | 41 | 42 | | Type | Required | Platform | 43 | | - | - | - | 44 | | object: {width: number,height: number} | No | iOS | 45 | 46 | 47 | 48 | 49 | --- 50 | 51 | ### `shadowOpacity` 52 | 53 | Sets the drop shadow opacity (multiplied by the color's alpha component) 54 | 55 | 56 | | Type | Required | Platform | 57 | | - | - | - | 58 | | number | No | iOS | 59 | 60 | 61 | 62 | 63 | --- 64 | 65 | ### `shadowRadius` 66 | 67 | Sets the drop shadow blur radius 68 | 69 | 70 | | Type | Required | Platform | 71 | | - | - | - | 72 | | number | No | iOS | 73 | 74 | 75 | 76 | 77 | 78 | 79 | -------------------------------------------------------------------------------- /docs/share.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: share 3 | title: Share 4 | --- 5 | 6 | 7 | 8 | ### Methods 9 | 10 | - [`share`](share.md#share) 11 | - [`sharedAction`](share.md#sharedaction) 12 | - [`dismissedAction`](share.md#dismissedaction) 13 | 14 | 15 | 16 | 17 | --- 18 | 19 | # Reference 20 | 21 | ## Methods 22 | 23 | ### `share()` 24 | 25 | ```javascript 26 | static share(content, options) 27 | ``` 28 | 29 | 30 | Open a dialog to share text content. 31 | 32 | In iOS, Returns a Promise which will be invoked an object containing `action`, `activityType`. 33 | If the user dismissed the dialog, the Promise will still be resolved with action being `Share.dismissedAction` 34 | and all the other keys being undefined. 35 | 36 | In Android, Returns a Promise which always be resolved with action being `Share.sharedAction`. 37 | 38 | ### Content 39 | 40 | - `message` - a message to share 41 | - `title` - title of the message 42 | 43 | #### iOS 44 | 45 | - `url` - an URL to share 46 | 47 | At least one of URL and message is required. 48 | 49 | ### Options 50 | 51 | #### iOS 52 | 53 | - `subject` - a subject to share via email 54 | - `excludedActivityTypes` 55 | - `tintColor` 56 | 57 | #### Android 58 | 59 | - `dialogTitle` 60 | 61 | 62 | 63 | 64 | 65 | --- 66 | 67 | ### `sharedAction()` 68 | 69 | ```javascript 70 | static sharedAction() 71 | ``` 72 | 73 | 74 | The content was successfully shared. 75 | 76 | 77 | 78 | 79 | --- 80 | 81 | ### `dismissedAction()` 82 | 83 | ```javascript 84 | static dismissedAction() 85 | ``` 86 | 87 | 88 | The dialog has been dismissed. 89 | @platform ios 90 | 91 | 92 | 93 | 94 | -------------------------------------------------------------------------------- /docs/snapshotviewios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: snapshotviewios 3 | title: SnapshotViewIOS 4 | --- 5 | ### Props 6 | 7 | * [View props...](view.md#props) 8 | - [`onSnapshotReady`](snapshotviewios.md#onsnapshotready) 9 | - [`testIdentifier`](snapshotviewios.md#testidentifier) 10 | 11 | 12 | 13 | 14 | 15 | 16 | --- 17 | 18 | # Reference 19 | 20 | ## Props 21 | 22 | ### `onSnapshotReady` 23 | 24 | 25 | 26 | | Type | Required | 27 | | - | - | 28 | | function | No | 29 | 30 | 31 | 32 | 33 | --- 34 | 35 | ### `testIdentifier` 36 | 37 | 38 | 39 | | Type | Required | 40 | | - | - | 41 | | string | No | 42 | 43 | 44 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /docs/statusbarios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: statusbarios 3 | title: StatusBarIOS 4 | --- 5 | 6 | Use `StatusBar` for mutating the status bar. 7 | 8 | 9 | 10 | 11 | --- 12 | 13 | # Reference 14 | 15 | -------------------------------------------------------------------------------- /docs/understanding-cli.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: understanding-cli 3 | title: Understanding the CLI 4 | --- 5 | 6 | Though you may have installed the `react-native-cli` via npm as a separate module, it is a shell for accessing the CLI embedded 7 | in the React Native of each project. Your commands and their effects are dependent on the version of the module of `react-native` 8 | in context of the project. This guide will give a brief overview of the CLI in the module. 9 | 10 | # The local CLI 11 | 12 | React Native has a [`local-cli`](https://github.com/facebook/react-native/tree/master/local-cli) folder with a file named 13 | [`cliEntry.js`](https://github.com/facebook/react-native/blob/master/local-cli/cliEntry.js). Here, the commands are read 14 | from `commands.js` and added as possible CLI commands. _E.G._ the `react-native link` command, exists in the 15 | [`react-native/local-cli/link`](https://github.com/facebook/react-native/blob/master/local-cli/link/) folder, and is 16 | required in `commands.js`, which will register it as a documented command to be exposed to the CLI. 17 | 18 | # Command definitions 19 | 20 | At the end of each command entry is an export. The export is an object with a function to perform, description of the command, and the command name. The object structure for the `link` command looks like so: 21 | 22 | ```js 23 | module.exports = { 24 | func: link, 25 | description: 'links all native dependencies', 26 | name: 'link [packageName]', 27 | }; 28 | ``` 29 | 30 | ### Parameters 31 | 32 | The command name identifies the parameters that a command would expect. When the command parameter is surrounded by greater-than, less-than symbols `< >`, this indicates that the parameter is expected. When a parameter is surrounded by brackets `[ ]`, this indicates that the parameter is optional. 33 | -------------------------------------------------------------------------------- /docs/vibrationios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: vibrationios 3 | title: VibrationIOS 4 | --- 5 | 6 | NOTE: `VibrationIOS` is being deprecated. Use `Vibration` instead. 7 | 8 | The Vibration API is exposed at `VibrationIOS.vibrate()`. On iOS, calling this 9 | function will trigger a one second vibration. The vibration is asynchronous 10 | so this method will return immediately. 11 | 12 | There will be no effect on devices that do not support Vibration, eg. the iOS 13 | simulator. 14 | 15 | Vibration patterns are currently unsupported. 16 | 17 | 18 | ### Methods 19 | 20 | - [`vibrate`](vibrationios.md#vibrate) 21 | 22 | 23 | 24 | 25 | --- 26 | 27 | # Reference 28 | 29 | ## Methods 30 | 31 | ### `vibrate()` 32 | 33 | ```javascript 34 | static vibrate() 35 | ``` 36 | 37 | 38 | @deprecated 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /website/blog/2016-09-08-exponent-talks-unraveling-navigation.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Expo Talks: Adam on Unraveling Navigation 3 | author: Héctor Ramos 4 | authorTitle: Developer Advocate at Facebook 5 | authorURL: https://twitter.com/hectorramos 6 | authorImage: https://s.gravatar.com/avatar/f2223874e66e884c99087e452501f2da?s=128 7 | authorTwitter: hectorramos 8 | youtubeVideoId: oeSjTxVkMhc 9 | category: videos 10 | --- 11 | 12 | [Adam Miskiewicz](https://twitter.com/skevy) from [Expo](https://expo.io/) talks about mobile navigation and the [`ex-navigation`](https://github.com/exponent/ex-navigation) React Native library at Expo's office hours last week. 13 | -------------------------------------------------------------------------------- /website/blog/assets/RNPerformanceStartup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/blog/assets/RNPerformanceStartup.png -------------------------------------------------------------------------------- /website/blog/assets/animated-diagram.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/blog/assets/animated-diagram.png -------------------------------------------------------------------------------- /website/blog/assets/big-hero.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/blog/assets/big-hero.jpg -------------------------------------------------------------------------------- /website/blog/assets/blue-hero.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/blog/assets/blue-hero.jpg -------------------------------------------------------------------------------- /website/blog/assets/button-android-ios.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/blog/assets/button-android-ios.png -------------------------------------------------------------------------------- /website/blog/assets/dark-hero.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/blog/assets/dark-hero.png -------------------------------------------------------------------------------- /website/blog/assets/git-upgrade-conflict.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/blog/assets/git-upgrade-conflict.png -------------------------------------------------------------------------------- /website/blog/assets/hmr-architecture.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/blog/assets/hmr-architecture.png -------------------------------------------------------------------------------- /website/blog/assets/rtl-ama-ios-arabic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/blog/assets/rtl-ama-ios-arabic.png -------------------------------------------------------------------------------- /website/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-website", 3 | "description": "React Native website", 4 | "version": "0.0.1", 5 | "private": true, 6 | "bugs": { 7 | "url": "https://github.com/facebook/react-native-website" 8 | }, 9 | "license": "CC", 10 | "main": "n/a", 11 | "repository": { 12 | "type": "git", 13 | "url": "git+https://github.com/facebook/react-native-website.git" 14 | }, 15 | "scripts": { 16 | "start": "docusaurus-start", 17 | "build": "docusaurus-build", 18 | "publish-gh-pages": "docusaurus-publish", 19 | "version": "docusaurus-version", 20 | "rename-version": "docusaurus-rename-version", 21 | "test": "yarn build" 22 | }, 23 | "dependencies": { 24 | "docusaurus": "^1.0.0-beta.13", 25 | "highlight.js": "^9.12.0", 26 | "remarkable": "^1.7.1" 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /website/static/css/codeblocks.css: -------------------------------------------------------------------------------- 1 | /** React Native Web Player **/ 2 | .web-player > iframe { 3 | display: none; 4 | } 5 | 6 | .web-player > pre { 7 | display: none; 8 | } 9 | 10 | .web-player.desktop > iframe { 11 | display: block; 12 | } 13 | 14 | .web-player.mobile > pre { 15 | display: block; 16 | } 17 | 18 | .token.keyword { 19 | color: #1990b8; 20 | } 21 | 22 | .token.string, 23 | .token.regex { 24 | color: #2f9c0a; 25 | } 26 | 27 | .token.boolean, 28 | .token.number { 29 | color: #c92c2c; 30 | } 31 | 32 | .token.comment { 33 | color: #7d8b99; 34 | } 35 | -------------------------------------------------------------------------------- /website/static/css/footer.css: -------------------------------------------------------------------------------- 1 | footer .sitemap h6, 2 | footer .sitemap h5 > a, 3 | footer .sitemap h6 > a { 4 | color: $secondaryColor; 5 | } 6 | 7 | footer.nav-footer { 8 | background-color: #012129; 9 | } 10 | 11 | footer.nav-footer .nav-home img { 12 | height: auto; 13 | width: 34px; 14 | } 15 | -------------------------------------------------------------------------------- /website/static/css/tabs.css: -------------------------------------------------------------------------------- 1 | .toggler li { 2 | display: inline-block; 3 | position: relative; 4 | top: 1px; 5 | padding: 10px !important; 6 | margin: 0px 2px 0px 2px !important; 7 | border: 1px solid $secondaryColor; 8 | border-bottom-color: transparent; 9 | border-radius: 3px 3px 0px 0px; 10 | background-color: transparent; 11 | font-size: 0.99em; 12 | cursor: pointer; 13 | } 14 | .toggler li:first-child { 15 | margin-left: 0 !important; 16 | } 17 | .toggler li:last-child { 18 | margin-right: 0 !important; 19 | } 20 | .toggler ul { 21 | width: 100%; 22 | display: inline-block; 23 | list-style-type: none; 24 | padding: 0 !important; 25 | margin: 0 !important; 26 | border-bottom: 1px solid $secondaryColor; 27 | cursor: default; 28 | } 29 | @media screen and (max-width: 960px) { 30 | .toggler li, 31 | .toggler li:first-child, 32 | .toggler li:last-child { 33 | display: block; 34 | border-bottom-color: $secondaryColor; 35 | border-radius: 3px; 36 | margin: 2px 0px 2px 0px; 37 | } 38 | .toggler ul { 39 | border-bottom: 0; 40 | } 41 | } 42 | .toggler a { 43 | display: inline-block; 44 | padding: 10px 5px; 45 | margin: 2px; 46 | border: 1px solid $secondaryColor; 47 | border-radius: 3px; 48 | text-decoration: none !important; 49 | color: $secondaryColor; 50 | } 51 | 52 | -------------------------------------------------------------------------------- /website/static/img/AddToBuildPhases.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/AddToBuildPhases.png -------------------------------------------------------------------------------- /website/static/img/AddToSearchPaths.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/AddToSearchPaths.png -------------------------------------------------------------------------------- /website/static/img/AdministratorCommandPrompt.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/AdministratorCommandPrompt.png -------------------------------------------------------------------------------- /website/static/img/AndroidAVDConfiguration.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/AndroidAVDConfiguration.png -------------------------------------------------------------------------------- /website/static/img/AndroidDevServerDialog.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/AndroidDevServerDialog.png -------------------------------------------------------------------------------- /website/static/img/AndroidDevSettings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/AndroidDevSettings.png -------------------------------------------------------------------------------- /website/static/img/AndroidDeveloperMenu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/AndroidDeveloperMenu.png -------------------------------------------------------------------------------- /website/static/img/AndroidSDK1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/AndroidSDK1.png -------------------------------------------------------------------------------- /website/static/img/AndroidSDK2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/AndroidSDK2.png -------------------------------------------------------------------------------- /website/static/img/AndroidStudioCustomSetup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/AndroidStudioCustomSetup.png -------------------------------------------------------------------------------- /website/static/img/AnimatedFadeInView.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/AnimatedFadeInView.gif -------------------------------------------------------------------------------- /website/static/img/AnimationExperimentalOpacity.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/AnimationExperimentalOpacity.gif -------------------------------------------------------------------------------- /website/static/img/AnimationExperimentalScaleXY.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/AnimationExperimentalScaleXY.gif -------------------------------------------------------------------------------- /website/static/img/ConfigureReleaseScheme.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/ConfigureReleaseScheme.png -------------------------------------------------------------------------------- /website/static/img/EmbeddedAppAndroid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/EmbeddedAppAndroid.png -------------------------------------------------------------------------------- /website/static/img/EmbeddedAppContainerViewExample.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/EmbeddedAppContainerViewExample.png -------------------------------------------------------------------------------- /website/static/img/Inspector.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/Inspector.gif -------------------------------------------------------------------------------- /website/static/img/LayoutAnimationExample.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/LayoutAnimationExample.gif -------------------------------------------------------------------------------- /website/static/img/NavigationStack-Navigator.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/NavigationStack-Navigator.gif -------------------------------------------------------------------------------- /website/static/img/NavigationStack-NavigatorIOS.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/NavigationStack-NavigatorIOS.gif -------------------------------------------------------------------------------- /website/static/img/ObjectObserveError.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/ObjectObserveError.png -------------------------------------------------------------------------------- /website/static/img/ReactDevTools.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/ReactDevTools.png -------------------------------------------------------------------------------- /website/static/img/ReactDevToolsDollarR.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/ReactDevToolsDollarR.gif -------------------------------------------------------------------------------- /website/static/img/ReactDevToolsInspector.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/ReactDevToolsInspector.gif -------------------------------------------------------------------------------- /website/static/img/Rebound.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/Rebound.gif -------------------------------------------------------------------------------- /website/static/img/ReboundExample.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/ReboundExample.png -------------------------------------------------------------------------------- /website/static/img/ReboundImage.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/ReboundImage.gif -------------------------------------------------------------------------------- /website/static/img/RunningOnDeviceReady.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/RunningOnDeviceReady.png -------------------------------------------------------------------------------- /website/static/img/StaticImageAssets.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/StaticImageAssets.png -------------------------------------------------------------------------------- /website/static/img/SystraceBadCreateUI.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/SystraceBadCreateUI.png -------------------------------------------------------------------------------- /website/static/img/SystraceBadJS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/SystraceBadJS.png -------------------------------------------------------------------------------- /website/static/img/SystraceBadJS2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/SystraceBadJS2.png -------------------------------------------------------------------------------- /website/static/img/SystraceBadUI.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/SystraceBadUI.png -------------------------------------------------------------------------------- /website/static/img/SystraceExample.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/SystraceExample.png -------------------------------------------------------------------------------- /website/static/img/SystraceHighlightVSync.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/SystraceHighlightVSync.png -------------------------------------------------------------------------------- /website/static/img/SystraceJSThreadExample.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/SystraceJSThreadExample.png -------------------------------------------------------------------------------- /website/static/img/SystraceNativeModulesThreadExample.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/SystraceNativeModulesThreadExample.png -------------------------------------------------------------------------------- /website/static/img/SystraceRenderThreadExample.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/SystraceRenderThreadExample.png -------------------------------------------------------------------------------- /website/static/img/SystraceUIThreadExample.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/SystraceUIThreadExample.png -------------------------------------------------------------------------------- /website/static/img/SystraceWellBehaved.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/SystraceWellBehaved.png -------------------------------------------------------------------------------- /website/static/img/TodayWidgetUnableToLoad.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/TodayWidgetUnableToLoad.jpg -------------------------------------------------------------------------------- /website/static/img/TutorialFinal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/TutorialFinal.png -------------------------------------------------------------------------------- /website/static/img/TutorialFinal2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/TutorialFinal2.png -------------------------------------------------------------------------------- /website/static/img/TutorialMock.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/TutorialMock.png -------------------------------------------------------------------------------- /website/static/img/TutorialMock2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/TutorialMock2.png -------------------------------------------------------------------------------- /website/static/img/TutorialSingleFetched.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/TutorialSingleFetched.png -------------------------------------------------------------------------------- /website/static/img/TutorialSingleFetched2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/TutorialSingleFetched2.png -------------------------------------------------------------------------------- /website/static/img/TutorialStyledMock.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/TutorialStyledMock.png -------------------------------------------------------------------------------- /website/static/img/TutorialStyledMock2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/TutorialStyledMock2.png -------------------------------------------------------------------------------- /website/static/img/TweenState.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/TweenState.gif -------------------------------------------------------------------------------- /website/static/img/Warning.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/Warning.png -------------------------------------------------------------------------------- /website/static/img/XcodeBuildIP.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/XcodeBuildIP.png -------------------------------------------------------------------------------- /website/static/img/alertIOS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/alertIOS.png -------------------------------------------------------------------------------- /website/static/img/author.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/author.png -------------------------------------------------------------------------------- /website/static/img/blog/RNPerformanceStartup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/RNPerformanceStartup.png -------------------------------------------------------------------------------- /website/static/img/blog/animated-diagram.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/animated-diagram.png -------------------------------------------------------------------------------- /website/static/img/blog/big-hero.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/big-hero.jpg -------------------------------------------------------------------------------- /website/static/img/blog/blue-hero.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/blue-hero.jpg -------------------------------------------------------------------------------- /website/static/img/blog/button-android-ios.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/button-android-ios.png -------------------------------------------------------------------------------- /website/static/img/blog/dark-hero.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/dark-hero.png -------------------------------------------------------------------------------- /website/static/img/blog/git-upgrade-conflict.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/git-upgrade-conflict.png -------------------------------------------------------------------------------- /website/static/img/blog/git-upgrade-output.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/git-upgrade-output.png -------------------------------------------------------------------------------- /website/static/img/blog/hmr-architecture.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/hmr-architecture.png -------------------------------------------------------------------------------- /website/static/img/blog/hmr-diamond.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/hmr-diamond.png -------------------------------------------------------------------------------- /website/static/img/blog/hmr-log.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/hmr-log.png -------------------------------------------------------------------------------- /website/static/img/blog/hmr-proxy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/hmr-proxy.png -------------------------------------------------------------------------------- /website/static/img/blog/hmr-step.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/hmr-step.png -------------------------------------------------------------------------------- /website/static/img/blog/rnmsf-august-2016-airbnb.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/rnmsf-august-2016-airbnb.jpg -------------------------------------------------------------------------------- /website/static/img/blog/rnmsf-august-2016-docs.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/rnmsf-august-2016-docs.jpg -------------------------------------------------------------------------------- /website/static/img/blog/rnmsf-august-2016-hero.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/rnmsf-august-2016-hero.jpg -------------------------------------------------------------------------------- /website/static/img/blog/rnmsf-august-2016-netflix.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/rnmsf-august-2016-netflix.jpg -------------------------------------------------------------------------------- /website/static/img/blog/rtl-ama-android-hebrew.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/rtl-ama-android-hebrew.png -------------------------------------------------------------------------------- /website/static/img/blog/rtl-ama-ios-arabic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/rtl-ama-ios-arabic.png -------------------------------------------------------------------------------- /website/static/img/blog/rtl-demo-forcertl.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/rtl-demo-forcertl.png -------------------------------------------------------------------------------- /website/static/img/blog/rtl-demo-icon-ltr.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/rtl-demo-icon-ltr.png -------------------------------------------------------------------------------- /website/static/img/blog/rtl-demo-icon-rtl.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/rtl-demo-icon-rtl.png -------------------------------------------------------------------------------- /website/static/img/blog/rtl-demo-listitem-ltr.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/rtl-demo-listitem-ltr.png -------------------------------------------------------------------------------- /website/static/img/blog/rtl-demo-listitem-rtl.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/rtl-demo-listitem-rtl.png -------------------------------------------------------------------------------- /website/static/img/blog/rtl-demo-swipe-ltr.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/rtl-demo-swipe-ltr.png -------------------------------------------------------------------------------- /website/static/img/blog/rtl-demo-swipe-rtl.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/rtl-demo-swipe-rtl.png -------------------------------------------------------------------------------- /website/static/img/blog/rtl-rn-core-updates.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/rtl-rn-core-updates.png -------------------------------------------------------------------------------- /website/static/img/blog/yarn-rncli.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/blog/yarn-rncli.png -------------------------------------------------------------------------------- /website/static/img/chrome_breakpoint.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/chrome_breakpoint.png -------------------------------------------------------------------------------- /website/static/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/favicon.png -------------------------------------------------------------------------------- /website/static/img/header_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/header_logo.png -------------------------------------------------------------------------------- /website/static/img/hitslop.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/hitslop.mp4 -------------------------------------------------------------------------------- /website/static/img/keyboardavoidingview.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/keyboardavoidingview.mp4 -------------------------------------------------------------------------------- /website/static/img/opengraph.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/opengraph.png -------------------------------------------------------------------------------- /website/static/img/oss_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/oss_logo.png -------------------------------------------------------------------------------- /website/static/img/react-native-add-react-native-integration-example-high-scores.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-add-react-native-integration-example-high-scores.png -------------------------------------------------------------------------------- /website/static/img/react-native-add-react-native-integration-example-home-screen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-add-react-native-integration-example-home-screen.png -------------------------------------------------------------------------------- /website/static/img/react-native-add-react-native-integration-link.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-add-react-native-integration-link.png -------------------------------------------------------------------------------- /website/static/img/react-native-add-react-native-integration-wire-up.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-add-react-native-integration-wire-up.png -------------------------------------------------------------------------------- /website/static/img/react-native-android-studio-additional-installs-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-android-studio-additional-installs-linux.png -------------------------------------------------------------------------------- /website/static/img/react-native-android-studio-additional-installs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-android-studio-additional-installs.png -------------------------------------------------------------------------------- /website/static/img/react-native-android-studio-android-sdk-build-tools-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-android-studio-android-sdk-build-tools-linux.png -------------------------------------------------------------------------------- /website/static/img/react-native-android-studio-android-sdk-build-tools-windows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-android-studio-android-sdk-build-tools-windows.png -------------------------------------------------------------------------------- /website/static/img/react-native-android-studio-android-sdk-build-tools.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-android-studio-android-sdk-build-tools.png -------------------------------------------------------------------------------- /website/static/img/react-native-android-studio-android-sdk-platforms-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-android-studio-android-sdk-platforms-linux.png -------------------------------------------------------------------------------- /website/static/img/react-native-android-studio-android-sdk-platforms-windows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-android-studio-android-sdk-platforms-windows.png -------------------------------------------------------------------------------- /website/static/img/react-native-android-studio-android-sdk-platforms.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-android-studio-android-sdk-platforms.png -------------------------------------------------------------------------------- /website/static/img/react-native-android-studio-avd-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-android-studio-avd-linux.png -------------------------------------------------------------------------------- /website/static/img/react-native-android-studio-avd-windows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-android-studio-avd-windows.png -------------------------------------------------------------------------------- /website/static/img/react-native-android-studio-avd.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-android-studio-avd.png -------------------------------------------------------------------------------- /website/static/img/react-native-android-studio-configure-sdk-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-android-studio-configure-sdk-linux.png -------------------------------------------------------------------------------- /website/static/img/react-native-android-studio-configure-sdk-windows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-android-studio-configure-sdk-windows.png -------------------------------------------------------------------------------- /website/static/img/react-native-android-studio-configure-sdk.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-android-studio-configure-sdk.png -------------------------------------------------------------------------------- /website/static/img/react-native-android-studio-custom-install-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-android-studio-custom-install-linux.png -------------------------------------------------------------------------------- /website/static/img/react-native-android-studio-custom-install-windows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-android-studio-custom-install-windows.png -------------------------------------------------------------------------------- /website/static/img/react-native-android-studio-custom-install.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-android-studio-custom-install.png -------------------------------------------------------------------------------- /website/static/img/react-native-android-studio-kvm-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-android-studio-kvm-linux.png -------------------------------------------------------------------------------- /website/static/img/react-native-android-studio-no-virtual-device-windows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-android-studio-no-virtual-device-windows.png -------------------------------------------------------------------------------- /website/static/img/react-native-android-studio-verify-installs-windows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-android-studio-verify-installs-windows.png -------------------------------------------------------------------------------- /website/static/img/react-native-android-tools-environment-variable-windows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-android-tools-environment-variable-windows.png -------------------------------------------------------------------------------- /website/static/img/react-native-sdk-platforms.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-sdk-platforms.png -------------------------------------------------------------------------------- /website/static/img/react-native-sorry-not-supported.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/react-native-sorry-not-supported.png -------------------------------------------------------------------------------- /website/static/img/ripple.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/ripple.mp4 -------------------------------------------------------------------------------- /website/static/img/search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/search.png -------------------------------------------------------------------------------- /website/static/img/showcase/adsmanager.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/adsmanager.png -------------------------------------------------------------------------------- /website/static/img/showcase/airbnb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/airbnb.png -------------------------------------------------------------------------------- /website/static/img/showcase/artsy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/artsy.png -------------------------------------------------------------------------------- /website/static/img/showcase/baidu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/baidu.png -------------------------------------------------------------------------------- /website/static/img/showcase/bloomberg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/bloomberg.png -------------------------------------------------------------------------------- /website/static/img/showcase/cbssports.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/cbssports.png -------------------------------------------------------------------------------- /website/static/img/showcase/chop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/chop.png -------------------------------------------------------------------------------- /website/static/img/showcase/delivery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/delivery.png -------------------------------------------------------------------------------- /website/static/img/showcase/discord.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/discord.png -------------------------------------------------------------------------------- /website/static/img/showcase/f8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/f8.png -------------------------------------------------------------------------------- /website/static/img/showcase/facebook.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/facebook.png -------------------------------------------------------------------------------- /website/static/img/showcase/flare.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/flare.png -------------------------------------------------------------------------------- /website/static/img/showcase/gyroscope.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/gyroscope.png -------------------------------------------------------------------------------- /website/static/img/showcase/huiseoul.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/huiseoul.png -------------------------------------------------------------------------------- /website/static/img/showcase/instagram.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/instagram.png -------------------------------------------------------------------------------- /website/static/img/showcase/jdcom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/jdcom.png -------------------------------------------------------------------------------- /website/static/img/showcase/list.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/list.png -------------------------------------------------------------------------------- /website/static/img/showcase/qq.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/qq.png -------------------------------------------------------------------------------- /website/static/img/showcase/skype.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/skype.png -------------------------------------------------------------------------------- /website/static/img/showcase/soundcloud_pulse.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/soundcloud_pulse.jpg -------------------------------------------------------------------------------- /website/static/img/showcase/tesla.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/tesla.png -------------------------------------------------------------------------------- /website/static/img/showcase/townske.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/townske.png -------------------------------------------------------------------------------- /website/static/img/showcase/ubereats.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/ubereats.jpg -------------------------------------------------------------------------------- /website/static/img/showcase/vogue.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/vogue.jpeg -------------------------------------------------------------------------------- /website/static/img/showcase/wix.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/wix.jpg -------------------------------------------------------------------------------- /website/static/img/showcase/wmt_spark.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/showcase/wmt_spark.jpg -------------------------------------------------------------------------------- /website/static/img/survey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/survey.png -------------------------------------------------------------------------------- /website/static/img/textinput.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/textinput.mp4 -------------------------------------------------------------------------------- /website/static/img/uiexplorer_main_android.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/uiexplorer_main_android.png -------------------------------------------------------------------------------- /website/static/img/uiexplorer_main_ios.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaearon/react-native-website/b5ec6eecd1c5e9a6ad9ec1c0dd1bc07e8f072d78/website/static/img/uiexplorer_main_ios.png -------------------------------------------------------------------------------- /website/versioned_docs/version-0.10/modal.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.10-modal 3 | title: Modal 4 | original_id: modal 5 | --- 6 | 7 | 8 | --- 9 | 10 | # Reference 11 | 12 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.11/modal.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.11-modal 3 | title: Modal 4 | original_id: modal 5 | --- 6 | ### Props 7 | 8 | - [`animated`](modal.md#animated) 9 | - [`transparent`](modal.md#transparent) 10 | 11 | 12 | 13 | 14 | 15 | 16 | --- 17 | 18 | # Reference 19 | 20 | ## Props 21 | 22 | ### `animated` 23 | 24 | 25 | 26 | | Type | Required | 27 | | - | - | 28 | | bool | No | 29 | 30 | 31 | 32 | 33 | --- 34 | 35 | ### `transparent` 36 | 37 | 38 | 39 | | Type | Required | 40 | | - | - | 41 | | bool | No | 42 | 43 | 44 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.11/progressbarandroid.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.11-progressbarandroid 3 | title: ProgressBarAndroid 4 | original_id: progressbarandroid 5 | --- 6 | React component that wraps the Android-only `ProgressBar`. This component is used to indicate 7 | that the app is loading or there is some activity in the app. 8 | 9 | Example: 10 | 11 | ``` 12 | render: function() { 13 | var progressBar = 14 | 15 | 16 | ; 17 | 18 | return ( 19 | 24 | ); 25 | }, 26 | ``` 27 | 28 | ### Props 29 | 30 | - [`styleAttr`](progressbarandroid.md#styleattr) 31 | - [`testID`](progressbarandroid.md#testid) 32 | 33 | 34 | 35 | 36 | 37 | 38 | --- 39 | 40 | # Reference 41 | 42 | ## Props 43 | 44 | ### `styleAttr` 45 | 46 | Style of the ProgressBar. One of: 47 | 48 | - Horizontal 49 | - Small 50 | - Large 51 | - Inverse 52 | - SmallInverse 53 | - LargeInverse 54 | 55 | | Type | Required | 56 | | - | - | 57 | | enum('Horizontal', 'Small', 'Large', 'Inverse', 'SmallInverse', 'LargeInverse') | No | 58 | 59 | 60 | 61 | 62 | --- 63 | 64 | ### `testID` 65 | 66 | Used to locate this view in end-to-end tests. 67 | 68 | | Type | Required | 69 | | - | - | 70 | | string | No | 71 | 72 | 73 | 74 | 75 | 76 | 77 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.11/toastandroid.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.11-toastandroid 3 | title: ToastAndroid 4 | original_id: toastandroid 5 | --- 6 | 7 | This exposes the native ToastAndroid module as a JS module. This has a function 'showText' 8 | which takes the following parameters: 9 | 10 | 1. String message: A string with the text to toast 11 | 2. int duration: The duration of the toast. May be ToastAndroid.SHORT or ToastAndroid.LONG 12 | 13 | 14 | ### Methods 15 | 16 | - [`show`](toastandroid.md#show) 17 | 18 | 19 | ### Properties 20 | 21 | - [`SHORT`](toastandroid.md#short) 22 | - [`LONG`](toastandroid.md#long) 23 | 24 | 25 | 26 | 27 | --- 28 | 29 | # Reference 30 | 31 | ## Methods 32 | 33 | ### `show()` 34 | 35 | ```javascript 36 | static show(message, duration) 37 | ``` 38 | 39 | 40 | 41 | ## Properties 42 | 43 | 44 | 45 | --- 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.12/imagepickerios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.12-imagepickerios 3 | title: ImagePickerIOS 4 | original_id: imagepickerios 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`canRecordVideos`](imagepickerios.md#canrecordvideos) 12 | - [`canUseCamera`](imagepickerios.md#canusecamera) 13 | - [`openCameraDialog`](imagepickerios.md#opencameradialog) 14 | - [`openSelectDialog`](imagepickerios.md#openselectdialog) 15 | 16 | 17 | 18 | 19 | --- 20 | 21 | # Reference 22 | 23 | ## Methods 24 | 25 | ### `canRecordVideos()` 26 | 27 | ```javascript 28 | static canRecordVideos(callback) 29 | ``` 30 | 31 | 32 | 33 | --- 34 | 35 | ### `canUseCamera()` 36 | 37 | ```javascript 38 | static canUseCamera(callback) 39 | ``` 40 | 41 | 42 | 43 | --- 44 | 45 | ### `openCameraDialog()` 46 | 47 | ```javascript 48 | static openCameraDialog(config, successCallback, cancelCallback) 49 | ``` 50 | 51 | 52 | 53 | --- 54 | 55 | ### `openSelectDialog()` 56 | 57 | ```javascript 58 | static openSelectDialog(config, successCallback, cancelCallback) 59 | ``` 60 | 61 | 62 | 63 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.12/modal.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.12-modal 3 | title: Modal 4 | original_id: modal 5 | --- 6 | ### Props 7 | 8 | - [`animated`](modal.md#animated) 9 | - [`onDismiss`](modal.md#ondismiss) 10 | - [`transparent`](modal.md#transparent) 11 | 12 | 13 | 14 | 15 | 16 | 17 | --- 18 | 19 | # Reference 20 | 21 | ## Props 22 | 23 | ### `animated` 24 | 25 | 26 | 27 | | Type | Required | 28 | | - | - | 29 | | bool | No | 30 | 31 | 32 | 33 | 34 | --- 35 | 36 | ### `onDismiss` 37 | 38 | 39 | 40 | | Type | Required | 41 | | - | - | 42 | | function | No | 43 | 44 | 45 | 46 | 47 | --- 48 | 49 | ### `transparent` 50 | 51 | 52 | 53 | | Type | Required | 54 | | - | - | 55 | | bool | No | 56 | 57 | 58 | 59 | 60 | 61 | 62 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.12/touchableopacity.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.12-touchableopacity 3 | title: TouchableOpacity 4 | original_id: touchableopacity 5 | --- 6 | A wrapper for making views respond properly to touches. 7 | On press down, the opacity of the wrapped view is decreased, dimming it. 8 | This is done without actually changing the view hierarchy, and in general is 9 | easy to add to an app without weird side-effects. 10 | 11 | Example: 12 | 13 | ``` 14 | renderButton: function() { 15 | return ( 16 | 17 | 21 | 22 | ); 23 | }, 24 | ``` 25 | 26 | ### Props 27 | 28 | * [TouchableWithoutFeedback props...](touchablewithoutfeedback.md#props) 29 | - [`activeOpacity`](touchableopacity.md#activeopacity) 30 | 31 | 32 | 33 | 34 | ### Methods 35 | 36 | - [`setOpacityTo`](touchableopacity.md#setopacityto) 37 | 38 | 39 | 40 | 41 | --- 42 | 43 | # Reference 44 | 45 | ## Props 46 | 47 | ### `activeOpacity` 48 | 49 | Determines what the opacity of the wrapped view should be when touch is 50 | active. 51 | 52 | | Type | Required | 53 | | - | - | 54 | | number | No | 55 | 56 | 57 | 58 | 59 | 60 | 61 | ## Methods 62 | 63 | ### `setOpacityTo()` 64 | 65 | ```javascript 66 | setOpacityTo(value) 67 | ``` 68 | 69 | 70 | 71 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.12/transforms.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.12-transforms 3 | title: Transforms 4 | original_id: transforms 5 | --- 6 | ### Props 7 | 8 | - [`transform`](transforms.md#transform) 9 | - [`transformMatrix`](transforms.md#transformmatrix) 10 | 11 | 12 | 13 | 14 | 15 | 16 | --- 17 | 18 | # Reference 19 | 20 | ## Props 21 | 22 | ### `transform` 23 | 24 | 25 | 26 | | Type | Required | 27 | | - | - | 28 | | array of object: {perspective: number}, ,object: {rotate: string}, ,object: {rotateX: string}, ,object: {rotateY: string}, ,object: {rotateZ: string}, ,object: {scale: number}, ,object: {scaleX: number}, ,object: {scaleY: number}, ,object: {translateX: number}, ,object: {translateY: number}, ,object: {skewX: string}, ,object: {skewY: string} | No | 29 | 30 | 31 | 32 | 33 | --- 34 | 35 | ### `transformMatrix` 36 | 37 | 38 | 39 | | Type | Required | 40 | | - | - | 41 | | array of number | No | 42 | 43 | 44 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.13/modal.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.13-modal 3 | title: Modal 4 | original_id: modal 5 | --- 6 | A Modal component covers the native view (e.g. UIViewController, Activity) 7 | that contains the React Native root. 8 | 9 | Use Modal in hybrid apps that embed React Native; Modal allows the portion of 10 | your app written in React Native to present content above the enclosing 11 | native view hierarchy. 12 | 13 | In apps written with React Native from the root view down, you should use 14 | Navigator instead of Modal. With a top-level Navigator, you have more control 15 | over how to present the modal scene over the rest of your app. 16 | 17 | ### Props 18 | 19 | - [`animated`](modal.md#animated) 20 | - [`onDismiss`](modal.md#ondismiss) 21 | - [`transparent`](modal.md#transparent) 22 | 23 | 24 | 25 | 26 | 27 | 28 | --- 29 | 30 | # Reference 31 | 32 | ## Props 33 | 34 | ### `animated` 35 | 36 | 37 | 38 | | Type | Required | 39 | | - | - | 40 | | bool | No | 41 | 42 | 43 | 44 | 45 | --- 46 | 47 | ### `onDismiss` 48 | 49 | 50 | 51 | | Type | Required | 52 | | - | - | 53 | | function | No | 54 | 55 | 56 | 57 | 58 | --- 59 | 60 | ### `transparent` 61 | 62 | 63 | 64 | | Type | Required | 65 | | - | - | 66 | | bool | No | 67 | 68 | 69 | 70 | 71 | 72 | 73 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.13/transforms.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.13-transforms 3 | title: Transforms 4 | original_id: transforms 5 | --- 6 | ### Props 7 | 8 | - [`transform`](transforms.md#transform) 9 | - [`transformMatrix`](transforms.md#transformmatrix) 10 | 11 | 12 | 13 | 14 | 15 | 16 | --- 17 | 18 | # Reference 19 | 20 | ## Props 21 | 22 | ### `transform` 23 | 24 | 25 | 26 | | Type | Required | 27 | | - | - | 28 | | array of object: {perspective: number}, ,object: {rotate: string}, ,object: {rotateX: string}, ,object: {rotateY: string}, ,object: {rotateZ: string}, ,object: {scale: number}, ,object: {scaleX: number}, ,object: {scaleY: number}, ,object: {translateX: number}, ,object: {translateY: number}, ,object: {skewX: string}, ,object: {skewY: string} | No | 29 | 30 | 31 | 32 | 33 | --- 34 | 35 | ### `transformMatrix` 36 | 37 | 38 | 39 | | Type | Required | 40 | | - | - | 41 | | TransformMatrixPropType | No | 42 | 43 | 44 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.14/modal.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.14-modal 3 | title: Modal 4 | original_id: modal 5 | --- 6 | A Modal component covers the native view (e.g. UIViewController, Activity) 7 | that contains the React Native root. 8 | 9 | Use Modal in hybrid apps that embed React Native; Modal allows the portion of 10 | your app written in React Native to present content above the enclosing 11 | native view hierarchy. 12 | 13 | In apps written with React Native from the root view down, you should use 14 | Navigator instead of Modal. With a top-level Navigator, you have more control 15 | over how to present the modal scene over the rest of your app by using the 16 | configureScene property. 17 | 18 | ### Props 19 | 20 | - [`animated`](modal.md#animated) 21 | - [`onDismiss`](modal.md#ondismiss) 22 | - [`transparent`](modal.md#transparent) 23 | 24 | 25 | 26 | 27 | 28 | 29 | --- 30 | 31 | # Reference 32 | 33 | ## Props 34 | 35 | ### `animated` 36 | 37 | 38 | 39 | | Type | Required | 40 | | - | - | 41 | | bool | No | 42 | 43 | 44 | 45 | 46 | --- 47 | 48 | ### `onDismiss` 49 | 50 | 51 | 52 | | Type | Required | 53 | | - | - | 54 | | function | No | 55 | 56 | 57 | 58 | 59 | --- 60 | 61 | ### `transparent` 62 | 63 | 64 | 65 | | Type | Required | 66 | | - | - | 67 | | bool | No | 68 | 69 | 70 | 71 | 72 | 73 | 74 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.14/snapshotviewios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.14-snapshotviewios 3 | title: SnapshotViewIOS 4 | original_id: snapshotviewios 5 | --- 6 | ### Props 7 | 8 | - [`onSnapshotReady`](snapshotviewios.md#onsnapshotready) 9 | - [`testIdentifier`](snapshotviewios.md#testidentifier) 10 | 11 | 12 | 13 | 14 | ### Methods 15 | 16 | - [`onDefaultAction`](snapshotviewios.md#ondefaultaction) 17 | 18 | 19 | 20 | 21 | --- 22 | 23 | # Reference 24 | 25 | ## Props 26 | 27 | ### `onSnapshotReady` 28 | 29 | 30 | 31 | | Type | Required | 32 | | - | - | 33 | | function | No | 34 | 35 | 36 | 37 | 38 | --- 39 | 40 | ### `testIdentifier` 41 | 42 | 43 | 44 | | Type | Required | 45 | | - | - | 46 | | string | No | 47 | 48 | 49 | 50 | 51 | 52 | 53 | ## Methods 54 | 55 | ### `onDefaultAction()` 56 | 57 | ```javascript 58 | onDefaultAction(event: Object) 59 | ``` 60 | 61 | 62 | 63 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.15/cameraroll.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.15-cameraroll 3 | title: CameraRoll 4 | original_id: cameraroll 5 | --- 6 | 7 | `CameraRoll` provides access to the local camera roll / gallery. 8 | 9 | 10 | ### Methods 11 | 12 | - [`saveImageWithTag`](cameraroll.md#saveimagewithtag) 13 | - [`getPhotos`](cameraroll.md#getphotos) 14 | 15 | 16 | 17 | 18 | --- 19 | 20 | # Reference 21 | 22 | ## Methods 23 | 24 | ### `saveImageWithTag()` 25 | 26 | ```javascript 27 | static saveImageWithTag(tag, successCallback, errorCallback) 28 | ``` 29 | 30 | 31 | Saves the image to the camera roll / gallery. 32 | 33 | The CameraRoll API is not yet implemented for Android. 34 | 35 | @param {string} tag On Android, this is a local URI, such 36 | as `"file:///sdcard/img.png"`. 37 | 38 | On iOS, the tag can be one of the following: 39 | 40 | - local URI 41 | - assets-library tag 42 | - a tag not maching any of the above, which means the image data will 43 | be stored in memory (and consume memory as long as the process is alive) 44 | 45 | @param successCallback Invoked with the value of `tag` on success. 46 | @param errorCallback Invoked with error message on error. 47 | 48 | 49 | 50 | 51 | --- 52 | 53 | ### `getPhotos()` 54 | 55 | ```javascript 56 | static getPhotos(params, callback, errorCallback) 57 | ``` 58 | 59 | 60 | Invokes `callback` with photo identifier objects from the local camera 61 | roll of the device matching shape defined by `getPhotosReturnChecker`. 62 | 63 | @param {object} params See `getPhotosParamChecker`. 64 | @param {function} callback Invoked with arg of shape defined by 65 | `getPhotosReturnChecker` on success. 66 | @param {function} errorCallback Invoked with error message on error. 67 | 68 | 69 | 70 | 71 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.15/geolocation.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.15-geolocation 3 | title: Geolocation 4 | original_id: geolocation 5 | --- 6 | 7 | The Geolocation API follows the web spec: 8 | https://developer.mozilla.org/en-US/docs/Web/API/Geolocation 9 | 10 | ### iOS 11 | You need to include the `NSLocationWhenInUseUsageDescription` key 12 | in Info.plist to enable geolocation. Geolocation is enabled by default 13 | when you create a project with `react-native init`. 14 | 15 | ### Android 16 | To request access to location, you need to add the following line to your 17 | app's `AndroidManifest.xml`: 18 | 19 | `` 20 | 21 | 22 | ### Methods 23 | 24 | - [`getCurrentPosition`](geolocation.md#getcurrentposition) 25 | - [`watchPosition`](geolocation.md#watchposition) 26 | - [`clearWatch`](geolocation.md#clearwatch) 27 | - [`stopObserving`](geolocation.md#stopobserving) 28 | 29 | 30 | 31 | 32 | --- 33 | 34 | # Reference 35 | 36 | ## Methods 37 | 38 | ### `getCurrentPosition()` 39 | 40 | ```javascript 41 | static getCurrentPosition(geo_success, geo_error?, geo_options?) 42 | ``` 43 | 44 | 45 | Invokes the success callback once with the latest location info. Supported 46 | options: timeout (ms), maximumAge (ms), enableHighAccuracy (bool) 47 | 48 | 49 | 50 | 51 | --- 52 | 53 | ### `watchPosition()` 54 | 55 | ```javascript 56 | static watchPosition(success, error?, options?) 57 | ``` 58 | 59 | 60 | Invokes the success callback whenever the location changes. Supported 61 | options: timeout (ms), maximumAge (ms), enableHighAccuracy (bool) 62 | 63 | 64 | 65 | 66 | --- 67 | 68 | ### `clearWatch()` 69 | 70 | ```javascript 71 | static clearWatch(watchID) 72 | ``` 73 | 74 | 75 | 76 | --- 77 | 78 | ### `stopObserving()` 79 | 80 | ```javascript 81 | static stopObserving() 82 | ``` 83 | 84 | 85 | 86 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.15/modal.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.15-modal 3 | title: Modal 4 | original_id: modal 5 | --- 6 | A Modal component covers the native view (e.g. UIViewController, Activity) 7 | that contains the React Native root. 8 | 9 | Use Modal in hybrid apps that embed React Native; Modal allows the portion of 10 | your app written in React Native to present content above the enclosing 11 | native view hierarchy. 12 | 13 | In apps written with React Native from the root view down, you should use 14 | Navigator instead of Modal. With a top-level Navigator, you have more control 15 | over how to present the modal scene over the rest of your app by using the 16 | configureScene property. 17 | 18 | ### Props 19 | 20 | - [`animated`](modal.md#animated) 21 | - [`onDismiss`](modal.md#ondismiss) 22 | - [`transparent`](modal.md#transparent) 23 | - [`visible`](modal.md#visible) 24 | 25 | 26 | 27 | 28 | 29 | 30 | --- 31 | 32 | # Reference 33 | 34 | ## Props 35 | 36 | ### `animated` 37 | 38 | 39 | 40 | | Type | Required | 41 | | - | - | 42 | | bool | No | 43 | 44 | 45 | 46 | 47 | --- 48 | 49 | ### `onDismiss` 50 | 51 | 52 | 53 | | Type | Required | 54 | | - | - | 55 | | function | No | 56 | 57 | 58 | 59 | 60 | --- 61 | 62 | ### `transparent` 63 | 64 | 65 | 66 | | Type | Required | 67 | | - | - | 68 | | bool | No | 69 | 70 | 71 | 72 | 73 | --- 74 | 75 | ### `visible` 76 | 77 | 78 | 79 | | Type | Required | 80 | | - | - | 81 | | bool | No | 82 | 83 | 84 | 85 | 86 | 87 | 88 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.15/progressbarandroid.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.15-progressbarandroid 3 | title: ProgressBarAndroid 4 | original_id: progressbarandroid 5 | --- 6 | React component that wraps the Android-only `ProgressBar`. This component is used to indicate 7 | that the app is loading or there is some activity in the app. 8 | 9 | Example: 10 | 11 | ``` 12 | render: function() { 13 | var progressBar = 14 | 15 | 16 | ; 17 | 18 | return ( 19 | 24 | ); 25 | }, 26 | ``` 27 | 28 | ### Props 29 | 30 | - [`color`](progressbarandroid.md#color) 31 | - [`styleAttr`](progressbarandroid.md#styleattr) 32 | - [`testID`](progressbarandroid.md#testid) 33 | 34 | 35 | 36 | 37 | 38 | 39 | --- 40 | 41 | # Reference 42 | 43 | ## Props 44 | 45 | ### `color` 46 | 47 | Color of the progress bar. 48 | 49 | | Type | Required | 50 | | - | - | 51 | | string | No | 52 | 53 | 54 | 55 | 56 | --- 57 | 58 | ### `styleAttr` 59 | 60 | Style of the ProgressBar. One of: 61 | 62 | - Horizontal 63 | - Small 64 | - Large 65 | - Inverse 66 | - SmallInverse 67 | - LargeInverse 68 | 69 | | Type | Required | 70 | | - | - | 71 | | enum('Horizontal', 'Small', 'Large', 'Inverse', 'SmallInverse', 'LargeInverse') | No | 72 | 73 | 74 | 75 | 76 | --- 77 | 78 | ### `testID` 79 | 80 | Used to locate this view in end-to-end tests. 81 | 82 | | Type | Required | 83 | | - | - | 84 | | string | No | 85 | 86 | 87 | 88 | 89 | 90 | 91 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.16/snapshotviewios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.16-snapshotviewios 3 | title: SnapshotViewIOS 4 | original_id: snapshotviewios 5 | --- 6 | ### Props 7 | 8 | * [View props...](view.md#props) 9 | - [`onSnapshotReady`](snapshotviewios.md#onsnapshotready) 10 | - [`testIdentifier`](snapshotviewios.md#testidentifier) 11 | 12 | 13 | 14 | 15 | ### Methods 16 | 17 | - [`onDefaultAction`](snapshotviewios.md#ondefaultaction) 18 | 19 | 20 | 21 | 22 | --- 23 | 24 | # Reference 25 | 26 | ## Props 27 | 28 | ### `onSnapshotReady` 29 | 30 | 31 | 32 | | Type | Required | 33 | | - | - | 34 | | function | No | 35 | 36 | 37 | 38 | 39 | --- 40 | 41 | ### `testIdentifier` 42 | 43 | 44 | 45 | | Type | Required | 46 | | - | - | 47 | | string | No | 48 | 49 | 50 | 51 | 52 | 53 | 54 | ## Methods 55 | 56 | ### `onDefaultAction()` 57 | 58 | ```javascript 59 | onDefaultAction(event: Object) 60 | ``` 61 | 62 | 63 | 64 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.16/tabbarios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.16-tabbarios 3 | title: TabBarIOS 4 | original_id: tabbarios 5 | --- 6 | ### Props 7 | 8 | * [View props...](view.md#props) 9 | - [`barTintColor`](tabbarios.md#bartintcolor) 10 | - [`style`](tabbarios.md#style) 11 | - [`tintColor`](tabbarios.md#tintcolor) 12 | - [`translucent`](tabbarios.md#translucent) 13 | 14 | 15 | 16 | 17 | 18 | 19 | --- 20 | 21 | # Reference 22 | 23 | ## Props 24 | 25 | ### `barTintColor` 26 | 27 | Background color of the tab bar 28 | 29 | | Type | Required | 30 | | - | - | 31 | | string | No | 32 | 33 | 34 | 35 | 36 | --- 37 | 38 | ### `style` 39 | 40 | 41 | 42 | | Type | Required | 43 | | - | - | 44 | | [View](view.md#style) | No | 45 | 46 | 47 | 48 | 49 | --- 50 | 51 | ### `tintColor` 52 | 53 | Color of the currently selected tab icon 54 | 55 | | Type | Required | 56 | | - | - | 57 | | string | No | 58 | 59 | 60 | 61 | 62 | --- 63 | 64 | ### `translucent` 65 | 66 | A Boolean value that indicates whether the tab bar is translucent 67 | 68 | | Type | Required | 69 | | - | - | 70 | | bool | No | 71 | 72 | 73 | 74 | 75 | 76 | 77 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.16/toastandroid.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.16-toastandroid 3 | title: ToastAndroid 4 | original_id: toastandroid 5 | --- 6 | 7 | This exposes the native ToastAndroid module as a JS module. This has a function 'show' 8 | which takes the following parameters: 9 | 10 | 1. String message: A string with the text to toast 11 | 2. int duration: The duration of the toast. May be ToastAndroid.SHORT or ToastAndroid.LONG 12 | 13 | 14 | ### Methods 15 | 16 | - [`show`](toastandroid.md#show) 17 | 18 | 19 | ### Properties 20 | 21 | - [`SHORT`](toastandroid.md#short) 22 | - [`LONG`](toastandroid.md#long) 23 | 24 | 25 | 26 | 27 | --- 28 | 29 | # Reference 30 | 31 | ## Methods 32 | 33 | ### `show()` 34 | 35 | ```javascript 36 | static show(message, duration) 37 | ``` 38 | 39 | 40 | 41 | ## Properties 42 | 43 | 44 | 45 | --- 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.17/modal.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.17-modal 3 | title: Modal 4 | original_id: modal 5 | --- 6 | A Modal component covers the native view (e.g. UIViewController, Activity) 7 | that contains the React Native root. 8 | 9 | Use Modal in hybrid apps that embed React Native; Modal allows the portion of 10 | your app written in React Native to present content above the enclosing 11 | native view hierarchy. 12 | 13 | In apps written with React Native from the root view down, you should use 14 | Navigator instead of Modal. With a top-level Navigator, you have more control 15 | over how to present the modal scene over the rest of your app by using the 16 | configureScene property. 17 | 18 | This component is only available in iOS at this time. 19 | 20 | ### Props 21 | 22 | - [`animated`](modal.md#animated) 23 | - [`onDismiss`](modal.md#ondismiss) 24 | - [`transparent`](modal.md#transparent) 25 | - [`visible`](modal.md#visible) 26 | 27 | 28 | 29 | 30 | 31 | 32 | --- 33 | 34 | # Reference 35 | 36 | ## Props 37 | 38 | ### `animated` 39 | 40 | 41 | 42 | | Type | Required | 43 | | - | - | 44 | | bool | No | 45 | 46 | 47 | 48 | 49 | --- 50 | 51 | ### `onDismiss` 52 | 53 | 54 | 55 | | Type | Required | 56 | | - | - | 57 | | function | No | 58 | 59 | 60 | 61 | 62 | --- 63 | 64 | ### `transparent` 65 | 66 | 67 | 68 | | Type | Required | 69 | | - | - | 70 | | bool | No | 71 | 72 | 73 | 74 | 75 | --- 76 | 77 | ### `visible` 78 | 79 | 80 | 81 | | Type | Required | 82 | | - | - | 83 | | bool | No | 84 | 85 | 86 | 87 | 88 | 89 | 90 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.18/cameraroll.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.18-cameraroll 3 | title: CameraRoll 4 | original_id: cameraroll 5 | --- 6 | 7 | `CameraRoll` provides access to the local camera roll / gallery. 8 | 9 | 10 | ### Methods 11 | 12 | - [`saveImageWithTag`](cameraroll.md#saveimagewithtag) 13 | - [`getPhotos`](cameraroll.md#getphotos) 14 | 15 | 16 | 17 | 18 | --- 19 | 20 | # Reference 21 | 22 | ## Methods 23 | 24 | ### `saveImageWithTag()` 25 | 26 | ```javascript 27 | static saveImageWithTag(tag, successCallback, errorCallback) 28 | ``` 29 | 30 | 31 | Saves the image to the camera roll / gallery. 32 | 33 | The CameraRoll API is not yet implemented for Android. 34 | 35 | @param {string} tag On Android, this is a local URI, such 36 | as `"file:///sdcard/img.png"`. 37 | 38 | On iOS, the tag can be one of the following: 39 | 40 | - local URI 41 | - assets-library tag 42 | - a tag not matching any of the above, which means the image data will 43 | be stored in memory (and consume memory as long as the process is alive) 44 | 45 | @param successCallback Invoked with the value of `tag` on success. 46 | @param errorCallback Invoked with error message on error. 47 | 48 | 49 | 50 | 51 | --- 52 | 53 | ### `getPhotos()` 54 | 55 | ```javascript 56 | static getPhotos(params, callback, errorCallback) 57 | ``` 58 | 59 | 60 | Invokes `callback` with photo identifier objects from the local camera 61 | roll of the device matching shape defined by `getPhotosReturnChecker`. 62 | 63 | @param {object} params See `getPhotosParamChecker`. 64 | @param {function} callback Invoked with arg of shape defined by 65 | `getPhotosReturnChecker` on success. 66 | @param {function} errorCallback Invoked with error message on error. 67 | 68 | 69 | 70 | 71 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.18/dimensions.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.18-dimensions 3 | title: Dimensions 4 | original_id: dimensions 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`set`](dimensions.md#set) 12 | - [`get`](dimensions.md#get) 13 | 14 | 15 | 16 | 17 | --- 18 | 19 | # Reference 20 | 21 | ## Methods 22 | 23 | ### `set()` 24 | 25 | ```javascript 26 | static set(dims) 27 | ``` 28 | 29 | 30 | This should only be called from native code. 31 | 32 | @param {object} dims Simple string-keyed object of dimensions to set 33 | 34 | 35 | 36 | 37 | --- 38 | 39 | ### `get()` 40 | 41 | ```javascript 42 | static get(dim) 43 | ``` 44 | 45 | 46 | Initial dimensions are set before `runApplication` is called so they should 47 | be available before any other require's are run, but may be updated later. 48 | 49 | Note: Although dimensions are available immediately, they may change (e.g 50 | due to device rotation) so any rendering logic or styles that depend on 51 | these constants should try to call this function on every render, rather 52 | than caching the value (for example, using inline styles rather than 53 | setting a value in a `StyleSheet`). 54 | 55 | Example: `var {height, width} = Dimensions.get('window');` 56 | 57 | @param {string} dim Name of dimension as defined when calling `set`. 58 | @returns {Object?} Value for the dimension. 59 | 60 | 61 | 62 | 63 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.18/imageeditor.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.18-imageeditor 3 | title: ImageEditor 4 | original_id: imageeditor 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`cropImage`](imageeditor.md#cropimage) 12 | 13 | 14 | 15 | 16 | --- 17 | 18 | # Reference 19 | 20 | ## Methods 21 | 22 | ### `cropImage()` 23 | 24 | ```javascript 25 | static cropImage(uri, cropData, success, failure) 26 | ``` 27 | 28 | 29 | Crop the image specified by the URI param. If URI points to a remote 30 | image, it will be downloaded automatically. If the image cannot be 31 | loaded/downloaded, the failure callback will be called. 32 | 33 | If the cropping process is successful, the resultant cropped image 34 | will be stored in the ImageStore, and the URI returned in the success 35 | callback will point to the image in the store. Remember to delete the 36 | cropped image from the ImageStore when you are done with it. 37 | 38 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.18/tabbarios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.18-tabbarios 3 | title: TabBarIOS 4 | original_id: tabbarios 5 | --- 6 | ### Props 7 | 8 | * [View props...](view.md#props) 9 | - [`barTintColor`](tabbarios.md#bartintcolor) 10 | - [`style`](tabbarios.md#style) 11 | - [`tintColor`](tabbarios.md#tintcolor) 12 | - [`translucent`](tabbarios.md#translucent) 13 | 14 | 15 | 16 | 17 | 18 | 19 | --- 20 | 21 | # Reference 22 | 23 | ## Props 24 | 25 | ### `barTintColor` 26 | 27 | Background color of the tab bar 28 | 29 | | Type | Required | 30 | | - | - | 31 | | [color](colors.md) | No | 32 | 33 | 34 | 35 | 36 | --- 37 | 38 | ### `style` 39 | 40 | 41 | 42 | | Type | Required | 43 | | - | - | 44 | | [View](view.md#style) | No | 45 | 46 | 47 | 48 | 49 | --- 50 | 51 | ### `tintColor` 52 | 53 | Color of the currently selected tab icon 54 | 55 | | Type | Required | 56 | | - | - | 57 | | [color](colors.md) | No | 58 | 59 | 60 | 61 | 62 | --- 63 | 64 | ### `translucent` 65 | 66 | A Boolean value that indicates whether the tab bar is translucent 67 | 68 | | Type | Required | 69 | | - | - | 70 | | bool | No | 71 | 72 | 73 | 74 | 75 | 76 | 77 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.19/stylesheet.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.19-stylesheet 3 | title: StyleSheet 4 | original_id: stylesheet 5 | --- 6 | 7 | A StyleSheet is an abstraction similar to CSS StyleSheets 8 | 9 | Create a new StyleSheet: 10 | 11 | ``` 12 | var styles = StyleSheet.create({ 13 | container: { 14 | borderRadius: 4, 15 | borderWidth: 0.5, 16 | borderColor: '#d6d7da', 17 | }, 18 | title: { 19 | fontSize: 19, 20 | fontWeight: 'bold', 21 | }, 22 | activeTitle: { 23 | color: 'red', 24 | }, 25 | }); 26 | ``` 27 | 28 | Use a StyleSheet: 29 | 30 | ``` 31 | 32 | 33 | 34 | ``` 35 | 36 | Code quality: 37 | 38 | - By moving styles away from the render function, you're making the code 39 | easier to understand. 40 | - Naming the styles is a good way to add meaning to the low level components 41 | in the render function. 42 | 43 | Performance: 44 | 45 | - Making a stylesheet from a style object makes it possible to refer to it 46 | by ID instead of creating a new style object every time. 47 | - It also allows to send the style only once through the bridge. All 48 | subsequent uses are going to refer an id (not implemented yet). 49 | 50 | 51 | ### Methods 52 | 53 | - [`create`](stylesheet.md#create) 54 | 55 | 56 | ### Properties 57 | 58 | - [`hairlineWidth`](stylesheet.md#hairlinewidth) 59 | - [`flatten`](stylesheet.md#flatten) 60 | 61 | 62 | 63 | 64 | --- 65 | 66 | # Reference 67 | 68 | ## Methods 69 | 70 | ### `create()` 71 | 72 | ```javascript 73 | static create(obj) 74 | ``` 75 | 76 | 77 | Creates a StyleSheet style reference from the given object. 78 | 79 | 80 | 81 | 82 | ## Properties 83 | 84 | 85 | 86 | --- 87 | 88 | 89 | 90 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.20/cameraroll.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.20-cameraroll 3 | title: CameraRoll 4 | original_id: cameraroll 5 | --- 6 | 7 | `CameraRoll` provides access to the local camera roll / gallery. 8 | 9 | 10 | ### Methods 11 | 12 | - [`saveImageWithTag`](cameraroll.md#saveimagewithtag) 13 | - [`getPhotos`](cameraroll.md#getphotos) 14 | 15 | 16 | 17 | 18 | --- 19 | 20 | # Reference 21 | 22 | ## Methods 23 | 24 | ### `saveImageWithTag()` 25 | 26 | ```javascript 27 | static saveImageWithTag(tag) 28 | ``` 29 | 30 | 31 | Saves the image to the camera roll / gallery. 32 | 33 | On Android, the tag is a local URI, such as `"file:///sdcard/img.png"`. 34 | 35 | On iOS, the tag can be one of the following: 36 | 37 | - local URI 38 | - assets-library tag 39 | - a tag not matching any of the above, which means the image data will 40 | be stored in memory (and consume memory as long as the process is alive) 41 | 42 | Returns a Promise which when resolved will be passed the new URI. 43 | 44 | 45 | 46 | 47 | --- 48 | 49 | ### `getPhotos()` 50 | 51 | ```javascript 52 | static getPhotos(params) 53 | ``` 54 | 55 | 56 | Returns a Promise with photo identifier objects from the local camera 57 | roll of the device matching shape defined by `getPhotosReturnChecker`. 58 | 59 | @param {object} params See `getPhotosParamChecker`. 60 | 61 | Returns a Promise which when resolved will be of shape `getPhotosReturnChecker`. 62 | 63 | 64 | 65 | 66 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.20/clipboard.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.20-clipboard 3 | title: Clipboard 4 | original_id: clipboard 5 | --- 6 | 7 | `Clipboard` gives you an interface for setting and getting content from Clipboard on both iOS and Android 8 | 9 | 10 | ### Methods 11 | 12 | - [`getString`](clipboard.md#getstring) 13 | - [`setString`](clipboard.md#setstring) 14 | 15 | 16 | 17 | 18 | --- 19 | 20 | # Reference 21 | 22 | ## Methods 23 | 24 | ### `getString()` 25 | 26 | ```javascript 27 | static getString() 28 | ``` 29 | 30 | 31 | Get content of string type, this method returns a `Promise`, so you can use following code to get clipboard content 32 | ```javascript 33 | async _getContent() { 34 | var content = await Clipboard.getString(); 35 | } 36 | ``` 37 | 38 | 39 | 40 | 41 | --- 42 | 43 | ### `setString()` 44 | 45 | ```javascript 46 | static setString(content) 47 | ``` 48 | 49 | 50 | Set content of string type. You can use following code to set clipboard content 51 | ```javascript 52 | _setContent() { 53 | Clipboard.setString('hello world'); 54 | } 55 | ``` 56 | @param the content to be stored in the clipboard. 57 | 58 | 59 | 60 | 61 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.22/actionsheetios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.22-actionsheetios 3 | title: ActionSheetIOS 4 | original_id: actionsheetios 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`showActionSheetWithOptions`](actionsheetios.md#showactionsheetwithoptions) 12 | - [`showShareActionSheetWithOptions`](actionsheetios.md#showshareactionsheetwithoptions) 13 | 14 | 15 | 16 | 17 | --- 18 | 19 | # Reference 20 | 21 | ## Methods 22 | 23 | ### `showActionSheetWithOptions()` 24 | 25 | ```javascript 26 | static showActionSheetWithOptions(options, callback) 27 | ``` 28 | 29 | 30 | 31 | --- 32 | 33 | ### `showShareActionSheetWithOptions()` 34 | 35 | ```javascript 36 | static showShareActionSheetWithOptions(options, failureCallback, successCallback) 37 | ``` 38 | 39 | 40 | Display the iOS share sheet. The `options` object should contain 41 | one or both of: 42 | 43 | - `message` (string) - a message to share 44 | - `url` (string) - a URL to share 45 | 46 | NOTE: if `url` points to a local file, or is a base64-encoded 47 | uri, the file it points to will be loaded and shared directly. 48 | In this way, you can share images, videos, PDF files, etc. 49 | 50 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.22/modal.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.22-modal 3 | title: Modal 4 | original_id: modal 5 | --- 6 | A Modal component covers the native view (e.g. UIViewController, Activity) 7 | that contains the React Native root. 8 | 9 | Use Modal in hybrid apps that embed React Native; Modal allows the portion of 10 | your app written in React Native to present content above the enclosing 11 | native view hierarchy. 12 | 13 | In apps written with React Native from the root view down, you should use 14 | Navigator instead of Modal. With a top-level Navigator, you have more control 15 | over how to present the modal scene over the rest of your app by using the 16 | configureScene property. 17 | 18 | This component is only available in iOS at this time. 19 | 20 | ### Props 21 | 22 | - [`animated`](modal.md#animated) 23 | - [`onDismiss`](modal.md#ondismiss) 24 | - [`onShow`](modal.md#onshow) 25 | - [`transparent`](modal.md#transparent) 26 | - [`visible`](modal.md#visible) 27 | 28 | 29 | 30 | 31 | 32 | 33 | --- 34 | 35 | # Reference 36 | 37 | ## Props 38 | 39 | ### `animated` 40 | 41 | 42 | 43 | | Type | Required | 44 | | - | - | 45 | | bool | No | 46 | 47 | 48 | 49 | 50 | --- 51 | 52 | ### `onDismiss` 53 | 54 | 55 | 56 | | Type | Required | 57 | | - | - | 58 | | function | No | 59 | 60 | 61 | 62 | 63 | --- 64 | 65 | ### `onShow` 66 | 67 | 68 | 69 | | Type | Required | 70 | | - | - | 71 | | function | No | 72 | 73 | 74 | 75 | 76 | --- 77 | 78 | ### `transparent` 79 | 80 | 81 | 82 | | Type | Required | 83 | | - | - | 84 | | bool | No | 85 | 86 | 87 | 88 | 89 | --- 90 | 91 | ### `visible` 92 | 93 | 94 | 95 | | Type | Required | 96 | | - | - | 97 | | bool | No | 98 | 99 | 100 | 101 | 102 | 103 | 104 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.22/statusbarios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.22-statusbarios 3 | title: StatusBarIOS 4 | original_id: statusbarios 5 | --- 6 | 7 | Deprecated. Use `StatusBar` instead. 8 | 9 | 10 | ### Methods 11 | 12 | - [`setStyle`](statusbarios.md#setstyle) 13 | - [`setHidden`](statusbarios.md#sethidden) 14 | - [`setNetworkActivityIndicatorVisible`](statusbarios.md#setnetworkactivityindicatorvisible) 15 | 16 | 17 | 18 | 19 | --- 20 | 21 | # Reference 22 | 23 | ## Methods 24 | 25 | ### `setStyle()` 26 | 27 | ```javascript 28 | static setStyle(style, animated?) 29 | ``` 30 | 31 | 32 | 33 | --- 34 | 35 | ### `setHidden()` 36 | 37 | ```javascript 38 | static setHidden(hidden, animation?) 39 | ``` 40 | 41 | 42 | 43 | --- 44 | 45 | ### `setNetworkActivityIndicatorVisible()` 46 | 47 | ```javascript 48 | static setNetworkActivityIndicatorVisible(visible) 49 | ``` 50 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.22/vibration.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.22-vibration 3 | title: Vibration 4 | original_id: vibration 5 | --- 6 | 7 | The Vibration API is exposed at `Vibration.vibrate()`. 8 | The vibration is asynchronous so this method will return immediately. 9 | 10 | There will be no effect on devices that do not support Vibration, eg. the simulator. 11 | 12 | Note for android 13 | add `` to `AndroidManifest.xml` 14 | 15 | Vibration patterns are currently unsupported. 16 | 17 | 18 | ### Methods 19 | 20 | - [`vibrate`](vibration.md#vibrate) 21 | 22 | 23 | 24 | 25 | --- 26 | 27 | # Reference 28 | 29 | ## Methods 30 | 31 | ### `vibrate()` 32 | 33 | ```javascript 34 | static vibrate(duration) 35 | ``` 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.22/vibrationios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.22-vibrationios 3 | title: VibrationIOS 4 | original_id: vibrationios 5 | --- 6 | 7 | NOTE: `VibrationIOS` is being deprecated. Use `Vibration` instead. 8 | 9 | The Vibration API is exposed at `VibrationIOS.vibrate()`. On iOS, calling this 10 | function will trigger a one second vibration. The vibration is asynchronous 11 | so this method will return immediately. 12 | 13 | There will be no effect on devices that do not support Vibration, eg. the iOS 14 | simulator. 15 | 16 | Vibration patterns are currently unsupported. 17 | 18 | 19 | ### Methods 20 | 21 | - [`vibrate`](vibrationios.md#vibrate) 22 | 23 | 24 | 25 | 26 | --- 27 | 28 | # Reference 29 | 30 | ## Methods 31 | 32 | ### `vibrate()` 33 | 34 | ```javascript 35 | static vibrate() 36 | ``` 37 | 38 | 39 | @deprecated 40 | 41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.23/dimensions.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.23-dimensions 3 | title: Dimensions 4 | original_id: dimensions 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`set`](dimensions.md#set) 12 | - [`get`](dimensions.md#get) 13 | 14 | 15 | 16 | 17 | --- 18 | 19 | # Reference 20 | 21 | ## Methods 22 | 23 | ### `set()` 24 | 25 | ```javascript 26 | static set(dims) 27 | ``` 28 | 29 | 30 | This should only be called from native code by sending the 31 | didUpdateDimensions event. 32 | 33 | @param {object} dims Simple string-keyed object of dimensions to set 34 | 35 | 36 | 37 | 38 | --- 39 | 40 | ### `get()` 41 | 42 | ```javascript 43 | static get(dim) 44 | ``` 45 | 46 | 47 | Initial dimensions are set before `runApplication` is called so they should 48 | be available before any other require's are run, but may be updated later. 49 | 50 | Note: Although dimensions are available immediately, they may change (e.g 51 | due to device rotation) so any rendering logic or styles that depend on 52 | these constants should try to call this function on every render, rather 53 | than caching the value (for example, using inline styles rather than 54 | setting a value in a `StyleSheet`). 55 | 56 | Example: `var {height, width} = Dimensions.get('window');` 57 | 58 | @param {string} dim Name of dimension as defined when calling `set`. 59 | @returns {Object?} Value for the dimension. 60 | 61 | 62 | 63 | 64 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.23/modal.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.23-modal 3 | title: Modal 4 | original_id: modal 5 | --- 6 | A Modal component covers the native view (e.g. UIViewController, Activity) 7 | that contains the React Native root. 8 | 9 | Use Modal in hybrid apps that embed React Native; Modal allows the portion of 10 | your app written in React Native to present content above the enclosing 11 | native view hierarchy. 12 | 13 | In apps written with React Native from the root view down, you should use 14 | Navigator instead of Modal. With a top-level Navigator, you have more control 15 | over how to present the modal scene over the rest of your app by using the 16 | configureScene property. 17 | 18 | ### Props 19 | 20 | - [`animated`](modal.md#animated) 21 | - [`onRequestClose`](modal.md#onrequestclose) 22 | - [`onShow`](modal.md#onshow) 23 | - [`transparent`](modal.md#transparent) 24 | - [`visible`](modal.md#visible) 25 | 26 | 27 | 28 | 29 | 30 | 31 | --- 32 | 33 | # Reference 34 | 35 | ## Props 36 | 37 | ### `animated` 38 | 39 | 40 | 41 | | Type | Required | 42 | | - | - | 43 | | bool | No | 44 | 45 | 46 | 47 | 48 | --- 49 | 50 | ### `onRequestClose` 51 | 52 | 53 | 54 | | Type | Required | 55 | | - | - | 56 | | function | No | 57 | 58 | 59 | 60 | 61 | --- 62 | 63 | ### `onShow` 64 | 65 | 66 | 67 | | Type | Required | 68 | | - | - | 69 | | function | No | 70 | 71 | 72 | 73 | 74 | --- 75 | 76 | ### `transparent` 77 | 78 | 79 | 80 | | Type | Required | 81 | | - | - | 82 | | bool | No | 83 | 84 | 85 | 86 | 87 | --- 88 | 89 | ### `visible` 90 | 91 | 92 | 93 | | Type | Required | 94 | | - | - | 95 | | bool | No | 96 | 97 | 98 | 99 | 100 | 101 | 102 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.24/actionsheetios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.24-actionsheetios 3 | title: ActionSheetIOS 4 | original_id: actionsheetios 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`showActionSheetWithOptions`](actionsheetios.md#showactionsheetwithoptions) 12 | - [`showShareActionSheetWithOptions`](actionsheetios.md#showshareactionsheetwithoptions) 13 | 14 | 15 | 16 | 17 | --- 18 | 19 | # Reference 20 | 21 | ## Methods 22 | 23 | ### `showActionSheetWithOptions()` 24 | 25 | ```javascript 26 | static showActionSheetWithOptions(options, callback) 27 | ``` 28 | 29 | 30 | Display an iOS action sheet. The `options` object must contain one or more 31 | of: 32 | 33 | - `options` (array of strings) - a list of button titles (required) 34 | - `cancelButtonIndex` (int) - index of cancel button in `options` 35 | - `destructiveButtonIndex` (int) - index of destructive button in `options` 36 | - `title` (string) - a title to show above the action sheet 37 | - `message` (string) - a message to show below the title 38 | 39 | 40 | 41 | 42 | --- 43 | 44 | ### `showShareActionSheetWithOptions()` 45 | 46 | ```javascript 47 | static showShareActionSheetWithOptions(options, failureCallback, successCallback) 48 | ``` 49 | 50 | 51 | Display the iOS share sheet. The `options` object should contain 52 | one or both of: 53 | 54 | - `message` (string) - a message to share 55 | - `url` (string) - a URL to share 56 | 57 | NOTE: if `url` points to a local file, or is a base64-encoded 58 | uri, the file it points to will be loaded and shared directly. 59 | In this way, you can share images, videos, PDF files, etc. 60 | 61 | 62 | 63 | 64 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.24/modal.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.24-modal 3 | title: Modal 4 | original_id: modal 5 | --- 6 | A Modal component covers the native view (e.g. UIViewController, Activity) 7 | that contains the React Native root. 8 | 9 | Use Modal in hybrid apps that embed React Native; Modal allows the portion of 10 | your app written in React Native to present content above the enclosing 11 | native view hierarchy. 12 | 13 | In apps written with React Native from the root view down, you should use 14 | Navigator instead of Modal. With a top-level Navigator, you have more control 15 | over how to present the modal scene over the rest of your app by using the 16 | configureScene property. 17 | 18 | ### Props 19 | 20 | - [`animated`](modal.md#animated) 21 | - [`onRequestClose`](modal.md#onrequestclose) 22 | - [`onShow`](modal.md#onshow) 23 | - [`transparent`](modal.md#transparent) 24 | - [`visible`](modal.md#visible) 25 | 26 | 27 | 28 | 29 | 30 | 31 | --- 32 | 33 | # Reference 34 | 35 | ## Props 36 | 37 | ### `animated` 38 | 39 | 40 | 41 | | Type | Required | 42 | | - | - | 43 | | bool | No | 44 | 45 | 46 | 47 | 48 | --- 49 | 50 | ### `onRequestClose` 51 | 52 | 53 | 54 | | Type | Required | 55 | | - | - | 56 | | Platform.OS === 'android' ? PropTypes.func.isRequired : PropTypes.func | No | 57 | 58 | 59 | 60 | 61 | --- 62 | 63 | ### `onShow` 64 | 65 | 66 | 67 | | Type | Required | 68 | | - | - | 69 | | function | No | 70 | 71 | 72 | 73 | 74 | --- 75 | 76 | ### `transparent` 77 | 78 | 79 | 80 | | Type | Required | 81 | | - | - | 82 | | bool | No | 83 | 84 | 85 | 86 | 87 | --- 88 | 89 | ### `visible` 90 | 91 | 92 | 93 | | Type | Required | 94 | | - | - | 95 | | bool | No | 96 | 97 | 98 | 99 | 100 | 101 | 102 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.24/vibration.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.24-vibration 3 | title: Vibration 4 | original_id: vibration 5 | --- 6 | 7 | The Vibration API is exposed at `Vibration.vibrate()`. 8 | The vibration is asynchronous so this method will return immediately. 9 | 10 | There will be no effect on devices that do not support Vibration, eg. the simulator. 11 | 12 | Note for android 13 | add `` to `AndroidManifest.xml` 14 | 15 | Vibration patterns are currently unsupported. 16 | 17 | 18 | ### Methods 19 | 20 | - [`vibrate`](vibration.md#vibrate) 21 | - [`cancel`](vibration.md#cancel) 22 | 23 | 24 | 25 | 26 | --- 27 | 28 | # Reference 29 | 30 | ## Methods 31 | 32 | ### `vibrate()` 33 | 34 | ```javascript 35 | static vibrate(pattern, repeat) 36 | ``` 37 | 38 | 39 | 40 | --- 41 | 42 | ### `cancel()` 43 | 44 | ```javascript 45 | static cancel() 46 | ``` 47 | 48 | 49 | Stop vibration 50 | 51 | @platform android 52 | 53 | 54 | 55 | 56 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.25/touchableopacity.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.25-touchableopacity 3 | title: TouchableOpacity 4 | original_id: touchableopacity 5 | --- 6 | A wrapper for making views respond properly to touches. 7 | On press down, the opacity of the wrapped view is decreased, dimming it. 8 | This is done without actually changing the view hierarchy, and in general is 9 | easy to add to an app without weird side-effects. 10 | 11 | Example: 12 | 13 | ``` 14 | renderButton: function() { 15 | return ( 16 | 17 | 21 | 22 | ); 23 | }, 24 | ``` 25 | 26 | ### Props 27 | 28 | * [TouchableWithoutFeedback props...](touchablewithoutfeedback.md#props) 29 | - [`activeOpacity`](touchableopacity.md#activeopacity) 30 | 31 | 32 | 33 | 34 | ### Methods 35 | 36 | - [`setOpacityTo`](touchableopacity.md#setopacityto) 37 | 38 | 39 | 40 | 41 | --- 42 | 43 | # Reference 44 | 45 | ## Props 46 | 47 | ### `activeOpacity` 48 | 49 | Determines what the opacity of the wrapped view should be when touch is 50 | active. 51 | 52 | | Type | Required | 53 | | - | - | 54 | | number | No | 55 | 56 | 57 | 58 | 59 | 60 | 61 | ## Methods 62 | 63 | ### `setOpacityTo()` 64 | 65 | ```javascript 66 | setOpacityTo(value: number) 67 | ``` 68 | 69 | Animate the touchable to a new opacity. 70 | 71 | 72 | 73 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.26/pickerios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.26-pickerios 3 | title: PickerIOS 4 | original_id: pickerios 5 | --- 6 | ### Props 7 | 8 | * [View props...](view.md#props) 9 | - [`itemStyle`](pickerios.md#itemstyle) 10 | - [`onValueChange`](pickerios.md#onvaluechange) 11 | - [`selectedValue`](pickerios.md#selectedvalue) 12 | 13 | 14 | 15 | 16 | 17 | 18 | --- 19 | 20 | # Reference 21 | 22 | ## Props 23 | 24 | ### `itemStyle` 25 | 26 | 27 | 28 | | Type | Required | 29 | | - | - | 30 | | itemStylePropType | No | 31 | 32 | 33 | 34 | 35 | --- 36 | 37 | ### `onValueChange` 38 | 39 | 40 | 41 | | Type | Required | 42 | | - | - | 43 | | function | No | 44 | 45 | 46 | 47 | 48 | --- 49 | 50 | ### `selectedValue` 51 | 52 | 53 | 54 | | Type | Required | 55 | | - | - | 56 | | any | No | 57 | 58 | 59 | 60 | 61 | 62 | 63 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.26/tabbarios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.26-tabbarios 3 | title: TabBarIOS 4 | original_id: tabbarios 5 | --- 6 | ### Props 7 | 8 | * [View props...](view.md#props) 9 | - [`barTintColor`](tabbarios.md#bartintcolor) 10 | - [`style`](tabbarios.md#style) 11 | - [`tintColor`](tabbarios.md#tintcolor) 12 | - [`translucent`](tabbarios.md#translucent) 13 | - [`unselectedTintColor`](tabbarios.md#unselectedtintcolor) 14 | 15 | 16 | 17 | 18 | 19 | 20 | --- 21 | 22 | # Reference 23 | 24 | ## Props 25 | 26 | ### `barTintColor` 27 | 28 | Background color of the tab bar 29 | 30 | | Type | Required | 31 | | - | - | 32 | | [color](colors.md) | No | 33 | 34 | 35 | 36 | 37 | --- 38 | 39 | ### `style` 40 | 41 | 42 | 43 | | Type | Required | 44 | | - | - | 45 | | [View](view.md#style) | No | 46 | 47 | 48 | 49 | 50 | --- 51 | 52 | ### `tintColor` 53 | 54 | Color of the currently selected tab icon 55 | 56 | | Type | Required | 57 | | - | - | 58 | | [color](colors.md) | No | 59 | 60 | 61 | 62 | 63 | --- 64 | 65 | ### `translucent` 66 | 67 | A Boolean value that indicates whether the tab bar is translucent 68 | 69 | | Type | Required | 70 | | - | - | 71 | | bool | No | 72 | 73 | 74 | 75 | 76 | --- 77 | 78 | ### `unselectedTintColor` 79 | 80 | Color of text on unselected tabs 81 | 82 | | Type | Required | 83 | | - | - | 84 | | [color](colors.md) | No | 85 | 86 | 87 | 88 | 89 | 90 | 91 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.26/touchableopacity.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.26-touchableopacity 3 | title: TouchableOpacity 4 | original_id: touchableopacity 5 | --- 6 | A wrapper for making views respond properly to touches. 7 | On press down, the opacity of the wrapped view is decreased, dimming it. 8 | This is done without actually changing the view hierarchy, and in general is 9 | easy to add to an app without weird side-effects. 10 | 11 | Example: 12 | 13 | ``` 14 | renderButton: function() { 15 | return ( 16 | 17 | 21 | 22 | ); 23 | }, 24 | ``` 25 | 26 | ### Props 27 | 28 | * [TouchableWithoutFeedback props...](touchablewithoutfeedback.md#props) 29 | - [`activeOpacity`](touchableopacity.md#activeopacity) 30 | 31 | 32 | 33 | 34 | ### Methods 35 | 36 | - [`setOpacityTo`](touchableopacity.md#setopacityto) 37 | 38 | 39 | 40 | 41 | --- 42 | 43 | # Reference 44 | 45 | ## Props 46 | 47 | ### `activeOpacity` 48 | 49 | Determines what the opacity of the wrapped view should be when touch is 50 | active. Defaults to 0.2. 51 | 52 | | Type | Required | 53 | | - | - | 54 | | number | No | 55 | 56 | 57 | 58 | 59 | 60 | 61 | ## Methods 62 | 63 | ### `setOpacityTo()` 64 | 65 | ```javascript 66 | setOpacityTo(value: number) 67 | ``` 68 | 69 | Animate the touchable to a new opacity. 70 | 71 | 72 | 73 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.27/statusbarios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.27-statusbarios 3 | title: StatusBarIOS 4 | original_id: statusbarios 5 | --- 6 | 7 | Deprecated. Use `StatusBar` instead. 8 | 9 | 10 | ### Methods 11 | 12 | - [`setStyle`](statusbarios.md#setstyle) 13 | - [`setHidden`](statusbarios.md#sethidden) 14 | - [`setNetworkActivityIndicatorVisible`](statusbarios.md#setnetworkactivityindicatorvisible) 15 | 16 | 17 | 18 | 19 | --- 20 | 21 | # Reference 22 | 23 | ## Methods 24 | 25 | ### `setStyle()` 26 | 27 | ```javascript 28 | setStyle(style, animated?) 29 | ``` 30 | 31 | 32 | 33 | --- 34 | 35 | ### `setHidden()` 36 | 37 | ```javascript 38 | setHidden(hidden, animation?) 39 | ``` 40 | 41 | 42 | 43 | --- 44 | 45 | ### `setNetworkActivityIndicatorVisible()` 46 | 47 | ```javascript 48 | setNetworkActivityIndicatorVisible(visible) 49 | ``` 50 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.28/actionsheetios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.28-actionsheetios 3 | title: ActionSheetIOS 4 | original_id: actionsheetios 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`showActionSheetWithOptions`](actionsheetios.md#showactionsheetwithoptions) 12 | - [`showShareActionSheetWithOptions`](actionsheetios.md#showshareactionsheetwithoptions) 13 | 14 | 15 | 16 | 17 | --- 18 | 19 | # Reference 20 | 21 | ## Methods 22 | 23 | ### `showActionSheetWithOptions()` 24 | 25 | ```javascript 26 | static showActionSheetWithOptions(options, callback) 27 | ``` 28 | 29 | 30 | Display an iOS action sheet. The `options` object must contain one or more 31 | of: 32 | 33 | - `options` (array of strings) - a list of button titles (required) 34 | - `cancelButtonIndex` (int) - index of cancel button in `options` 35 | - `destructiveButtonIndex` (int) - index of destructive button in `options` 36 | - `title` (string) - a title to show above the action sheet 37 | - `message` (string) - a message to show below the title 38 | 39 | 40 | 41 | 42 | --- 43 | 44 | ### `showShareActionSheetWithOptions()` 45 | 46 | ```javascript 47 | static showShareActionSheetWithOptions(options, failureCallback, successCallback) 48 | ``` 49 | 50 | 51 | Display the iOS share sheet. The `options` object should contain 52 | one or both of `message` and `url` and can additionally have 53 | a `subject` or `excludedActivityTypes`: 54 | 55 | - `url` (string) - a URL to share 56 | - `message` (string) - a message to share 57 | - `subject` (string) - a subject for the message 58 | - `excludedActivityTypes` (array) - the activites to exclude from the ActionSheet 59 | 60 | NOTE: if `url` points to a local file, or is a base64-encoded 61 | uri, the file it points to will be loaded and shared directly. 62 | In this way, you can share images, videos, PDF files, etc. 63 | 64 | 65 | 66 | 67 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.28/activityindicator.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.28-activityindicator 3 | title: ActivityIndicator 4 | original_id: activityindicator 5 | --- 6 | Displays a circular loading indicator. 7 | 8 | ### Props 9 | 10 | * [View props...](view.md#props) 11 | - [`animating`](activityindicator.md#animating) 12 | - [`color`](activityindicator.md#color) 13 | - [`size`](activityindicator.md#size) 14 | - [`hidesWhenStopped`](activityindicator.md#hideswhenstopped) 15 | 16 | 17 | 18 | 19 | 20 | 21 | --- 22 | 23 | # Reference 24 | 25 | ## Props 26 | 27 | ### `animating` 28 | 29 | Whether to show the indicator (true, the default) or hide it (false). 30 | 31 | | Type | Required | 32 | | - | - | 33 | | bool | No | 34 | 35 | 36 | 37 | 38 | --- 39 | 40 | ### `color` 41 | 42 | The foreground color of the spinner (default is gray). 43 | 44 | | Type | Required | 45 | | - | - | 46 | | [color](colors.md) | No | 47 | 48 | 49 | 50 | 51 | --- 52 | 53 | ### `size` 54 | 55 | Size of the indicator. Small has a height of 20, large has a height of 36. 56 | Other sizes can be obtained using a scale transform. 57 | 58 | | Type | Required | 59 | | - | - | 60 | | enum('small', 'large') | No | 61 | 62 | 63 | 64 | 65 | --- 66 | 67 | ### `hidesWhenStopped` 68 | 69 | Whether the indicator should hide when not animating (true by default). 70 | 71 | 72 | 73 | | Type | Required | Platform | 74 | | - | - | - | 75 | | bool | No | iOS | 76 | 77 | 78 | 79 | 80 | 81 | 82 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.29/cameraroll.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.29-cameraroll 3 | title: CameraRoll 4 | original_id: cameraroll 5 | --- 6 | 7 | `CameraRoll` provides access to the local camera roll / gallery. 8 | 9 | 10 | ### Methods 11 | 12 | - [`saveImageWithTag`](cameraroll.md#saveimagewithtag) 13 | - [`saveToCameraRoll`](cameraroll.md#savetocameraroll) 14 | - [`getPhotos`](cameraroll.md#getphotos) 15 | 16 | 17 | 18 | 19 | --- 20 | 21 | # Reference 22 | 23 | ## Methods 24 | 25 | ### `saveImageWithTag()` 26 | 27 | ```javascript 28 | static saveImageWithTag(tag) 29 | ``` 30 | 31 | 32 | 33 | --- 34 | 35 | ### `saveToCameraRoll()` 36 | 37 | ```javascript 38 | static saveToCameraRoll(tag, type?) 39 | ``` 40 | 41 | 42 | Saves the photo or video to the camera roll / gallery. 43 | 44 | On Android, the tag must be a local image or video URI, such as `"file:///sdcard/img.png"`. 45 | 46 | On iOS, the tag can be any image URI (including local, remote asset-library and base64 data URIs) 47 | or a local video file URI (remote or data URIs are not supported for saving video at this time). 48 | 49 | If the tag has a file extension of .mov or .mp4, it will be inferred as a video. Otherwise 50 | it will be treated as a photo. To override the automatic choice, you can pass an optional 51 | `type` parameter that must be one of 'photo' or 'video'. 52 | 53 | Returns a Promise which will resolve with the new URI. 54 | 55 | 56 | 57 | 58 | --- 59 | 60 | ### `getPhotos()` 61 | 62 | ```javascript 63 | static getPhotos(params) 64 | ``` 65 | 66 | 67 | Returns a Promise with photo identifier objects from the local camera 68 | roll of the device matching shape defined by `getPhotosReturnChecker`. 69 | 70 | @param {object} params See `getPhotosParamChecker`. 71 | 72 | Returns a Promise which when resolved will be of shape `getPhotosReturnChecker`. 73 | 74 | 75 | 76 | 77 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.29/keyboardavoidingview.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.29-keyboardavoidingview 3 | title: KeyboardAvoidingView 4 | original_id: keyboardavoidingview 5 | --- 6 | ### Props 7 | 8 | * [View props...](view.md#props) 9 | - [`keyboardVerticalOffset`](keyboardavoidingview.md#keyboardverticaloffset) 10 | - [`behavior`](keyboardavoidingview.md#behavior) 11 | 12 | 13 | 14 | 15 | ### Methods 16 | 17 | - [`relativeKeyboardHeight`](keyboardavoidingview.md#relativekeyboardheight) 18 | - [`onKeyboardChange`](keyboardavoidingview.md#onkeyboardchange) 19 | - [`onLayout`](keyboardavoidingview.md#onlayout) 20 | 21 | 22 | 23 | 24 | --- 25 | 26 | # Reference 27 | 28 | ## Props 29 | 30 | ### `keyboardVerticalOffset` 31 | 32 | This is the distance between the top of the user screen and the react native view, 33 | may be non-zero in some use cases. 34 | 35 | | Type | Required | 36 | | - | - | 37 | | number | Yes | 38 | 39 | 40 | 41 | 42 | --- 43 | 44 | ### `behavior` 45 | 46 | 47 | 48 | | Type | Required | 49 | | - | - | 50 | | enum('height', 'position', 'padding') | No | 51 | 52 | 53 | 54 | 55 | 56 | 57 | ## Methods 58 | 59 | ### `relativeKeyboardHeight()` 60 | 61 | ```javascript 62 | relativeKeyboardHeight(keyboardFrame: object): 63 | ``` 64 | 65 | 66 | 67 | --- 68 | 69 | ### `onKeyboardChange()` 70 | 71 | ```javascript 72 | onKeyboardChange(event: object) 73 | ``` 74 | 75 | 76 | 77 | --- 78 | 79 | ### `onLayout()` 80 | 81 | ```javascript 82 | onLayout(event: object) 83 | ``` 84 | 85 | 86 | 87 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.29/statusbarios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.29-statusbarios 3 | title: StatusBarIOS 4 | original_id: statusbarios 5 | --- 6 | 7 | Use `StatusBar` for mutating the status bar. 8 | 9 | 10 | 11 | 12 | --- 13 | 14 | # Reference 15 | 16 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.30/activityindicator.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.30-activityindicator 3 | title: ActivityIndicator 4 | original_id: activityindicator 5 | --- 6 | Displays a circular loading indicator. 7 | 8 | ### Props 9 | 10 | * [View props...](view.md#props) 11 | - [`animating`](activityindicator.md#animating) 12 | - [`color`](activityindicator.md#color) 13 | - [`size`](activityindicator.md#size) 14 | - [`hidesWhenStopped`](activityindicator.md#hideswhenstopped) 15 | 16 | 17 | 18 | 19 | 20 | 21 | --- 22 | 23 | # Reference 24 | 25 | ## Props 26 | 27 | ### `animating` 28 | 29 | Whether to show the indicator (true, the default) or hide it (false). 30 | 31 | | Type | Required | 32 | | - | - | 33 | | PropTypes.bool | No | 34 | 35 | 36 | 37 | 38 | --- 39 | 40 | ### `color` 41 | 42 | The foreground color of the spinner (default is gray). 43 | 44 | | Type | Required | 45 | | - | - | 46 | | [color](colors.md) | No | 47 | 48 | 49 | 50 | 51 | --- 52 | 53 | ### `size` 54 | 55 | Size of the indicator. Small has a height of 20, large has a height of 36. 56 | Other sizes can be obtained using a scale transform. 57 | 58 | | Type | Required | 59 | | - | - | 60 | | PropTypes.oneOf([ 61 | 'small', 62 | 'large', 63 | ]) | No | 64 | 65 | 66 | 67 | 68 | --- 69 | 70 | ### `hidesWhenStopped` 71 | 72 | Whether the indicator should hide when not animating (true by default). 73 | 74 | 75 | 76 | | Type | Required | Platform | 77 | | - | - | - | 78 | | PropTypes.bool | No | iOS | 79 | 80 | 81 | 82 | 83 | 84 | 85 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.30/keyboardavoidingview.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.30-keyboardavoidingview 3 | title: KeyboardAvoidingView 4 | original_id: keyboardavoidingview 5 | --- 6 | ### Props 7 | 8 | * [View props...](view.md#props) 9 | - [`behavior`](keyboardavoidingview.md#behavior) 10 | - [`keyboardVerticalOffset`](keyboardavoidingview.md#keyboardverticaloffset) 11 | 12 | 13 | 14 | 15 | ### Methods 16 | 17 | - [`relativeKeyboardHeight`](keyboardavoidingview.md#relativekeyboardheight) 18 | - [`onKeyboardChange`](keyboardavoidingview.md#onkeyboardchange) 19 | - [`onLayout`](keyboardavoidingview.md#onlayout) 20 | 21 | 22 | 23 | 24 | --- 25 | 26 | # Reference 27 | 28 | ## Props 29 | 30 | ### `behavior` 31 | 32 | 33 | 34 | | Type | Required | 35 | | - | - | 36 | | PropTypes.oneOf(['height', 'position', 'padding']) | No | 37 | 38 | 39 | 40 | 41 | --- 42 | 43 | ### `keyboardVerticalOffset` 44 | 45 | This is the distance between the top of the user screen and the react native view, 46 | may be non-zero in some use cases. 47 | 48 | | Type | Required | 49 | | - | - | 50 | | PropTypes.number.isRequired | No | 51 | 52 | 53 | 54 | 55 | 56 | 57 | ## Methods 58 | 59 | ### `relativeKeyboardHeight()` 60 | 61 | ```javascript 62 | relativeKeyboardHeight(keyboardFrame: object): 63 | ``` 64 | 65 | 66 | 67 | --- 68 | 69 | ### `onKeyboardChange()` 70 | 71 | ```javascript 72 | onKeyboardChange(event: object) 73 | ``` 74 | 75 | 76 | 77 | --- 78 | 79 | ### `onLayout()` 80 | 81 | ```javascript 82 | onLayout(event: object) 83 | ``` 84 | 85 | 86 | 87 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.30/shadow-props.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.30-shadow-props 3 | title: Shadow Props 4 | original_id: shadow-props 5 | --- 6 | ### Props 7 | 8 | - [`shadowColor`](shadow-props.md#shadowcolor) 9 | - [`shadowOffset`](shadow-props.md#shadowoffset) 10 | - [`shadowOpacity`](shadow-props.md#shadowopacity) 11 | - [`shadowRadius`](shadow-props.md#shadowradius) 12 | 13 | 14 | 15 | 16 | 17 | 18 | --- 19 | 20 | # Reference 21 | 22 | ## Props 23 | 24 | ### `shadowColor` 25 | 26 | Sets the drop shadow color 27 | 28 | 29 | | Type | Required | Platform | 30 | | - | - | - | 31 | | [color](colors.md) | No | iOS | 32 | 33 | 34 | 35 | 36 | --- 37 | 38 | ### `shadowOffset` 39 | 40 | Sets the drop shadow offset 41 | 42 | 43 | | Type | Required | Platform | 44 | | - | - | - | 45 | | ReactPropTypes.shape( 46 | {width: ReactPropTypes.number, height: ReactPropTypes.number} 47 | ) | No | iOS | 48 | 49 | 50 | 51 | 52 | --- 53 | 54 | ### `shadowOpacity` 55 | 56 | Sets the drop shadow opacity (multiplied by the color's alpha component) 57 | 58 | 59 | | Type | Required | Platform | 60 | | - | - | - | 61 | | ReactPropTypes.number | No | iOS | 62 | 63 | 64 | 65 | 66 | --- 67 | 68 | ### `shadowRadius` 69 | 70 | Sets the drop shadow blur radius 71 | 72 | 73 | | Type | Required | Platform | 74 | | - | - | - | 75 | | ReactPropTypes.number | No | iOS | 76 | 77 | 78 | 79 | 80 | 81 | 82 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.31/toastandroid.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.31-toastandroid 3 | title: ToastAndroid 4 | original_id: toastandroid 5 | --- 6 | 7 | This exposes the native ToastAndroid module as a JS module. This has a function 'show' 8 | which takes the following parameters: 9 | 10 | 1. String message: A string with the text to toast 11 | 2. int duration: The duration of the toast. May be ToastAndroid.SHORT or ToastAndroid.LONG 12 | 13 | There is also a function `showWithGravity` to specify the layout gravity. May be 14 | ToastAndroid.TOP, ToastAndroid.BOTTOM, ToastAndroid.CENTER 15 | 16 | 17 | ### Methods 18 | 19 | - [`show`](toastandroid.md#show) 20 | - [`showWithGravity`](toastandroid.md#showwithgravity) 21 | 22 | 23 | ### Properties 24 | 25 | - [`SHORT`](toastandroid.md#short) 26 | - [`LONG`](toastandroid.md#long) 27 | - [`TOP`](toastandroid.md#top) 28 | - [`BOTTOM`](toastandroid.md#bottom) 29 | - [`CENTER`](toastandroid.md#center) 30 | 31 | 32 | 33 | 34 | --- 35 | 36 | # Reference 37 | 38 | ## Methods 39 | 40 | ### `show()` 41 | 42 | ```javascript 43 | static show(message, duration) 44 | ``` 45 | 46 | 47 | 48 | --- 49 | 50 | ### `showWithGravity()` 51 | 52 | ```javascript 53 | static showWithGravity(message, duration, gravity) 54 | ``` 55 | 56 | 57 | 58 | ## Properties 59 | 60 | 61 | 62 | --- 63 | 64 | 65 | 66 | --- 67 | 68 | 69 | 70 | --- 71 | 72 | 73 | 74 | --- 75 | 76 | 77 | 78 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.31/touchableopacity.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.31-touchableopacity 3 | title: TouchableOpacity 4 | original_id: touchableopacity 5 | --- 6 | A wrapper for making views respond properly to touches. 7 | On press down, the opacity of the wrapped view is decreased, dimming it. 8 | This is done without actually changing the view hierarchy, and in general is 9 | easy to add to an app without weird side-effects. 10 | 11 | Example: 12 | 13 | ``` 14 | renderButton: function() { 15 | return ( 16 | 17 | 21 | 22 | ); 23 | }, 24 | ``` 25 | 26 | ### Props 27 | 28 | * [TouchableWithoutFeedback props...](touchablewithoutfeedback.md#props) 29 | - [`activeOpacity`](touchableopacity.md#activeopacity) 30 | 31 | 32 | 33 | 34 | ### Methods 35 | 36 | - [`setOpacityTo`](touchableopacity.md#setopacityto) 37 | 38 | 39 | 40 | 41 | --- 42 | 43 | # Reference 44 | 45 | ## Props 46 | 47 | ### `activeOpacity` 48 | 49 | Determines what the opacity of the wrapped view should be when touch is 50 | active. Defaults to 0.2. 51 | 52 | | Type | Required | 53 | | - | - | 54 | | number | No | 55 | 56 | 57 | 58 | 59 | 60 | 61 | ## Methods 62 | 63 | ### `setOpacityTo()` 64 | 65 | ```javascript 66 | setOpacityTo(value: number) 67 | ``` 68 | 69 | Animate the touchable to a new opacity. 70 | 71 | 72 | 73 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.32/activityindicator.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.32-activityindicator 3 | title: ActivityIndicator 4 | original_id: activityindicator 5 | --- 6 | Displays a circular loading indicator. 7 | 8 | ### Props 9 | 10 | * [View props...](view.md#props) 11 | - [`animating`](activityindicator.md#animating) 12 | - [`color`](activityindicator.md#color) 13 | - [`size`](activityindicator.md#size) 14 | - [`hidesWhenStopped`](activityindicator.md#hideswhenstopped) 15 | 16 | 17 | 18 | 19 | 20 | 21 | --- 22 | 23 | # Reference 24 | 25 | ## Props 26 | 27 | ### `animating` 28 | 29 | Whether to show the indicator (true, the default) or hide it (false). 30 | 31 | | Type | Required | 32 | | - | - | 33 | | PropTypes.bool | No | 34 | 35 | 36 | 37 | 38 | --- 39 | 40 | ### `color` 41 | 42 | The foreground color of the spinner (default is gray). 43 | 44 | | Type | Required | 45 | | - | - | 46 | | [color](colors.md) | No | 47 | 48 | 49 | 50 | 51 | --- 52 | 53 | ### `size` 54 | 55 | Size of the indicator (default is 'small'). 56 | Passing a number to the size prop is only supported on Android. 57 | 58 | | Type | Required | 59 | | - | - | 60 | | PropTypes.oneOfType([ 61 | PropTypes.oneOf([ 'small', 'large' ]), 62 | PropTypes.number, 63 | ]) | No | 64 | 65 | 66 | 67 | 68 | --- 69 | 70 | ### `hidesWhenStopped` 71 | 72 | Whether the indicator should hide when not animating (true by default). 73 | 74 | 75 | 76 | | Type | Required | Platform | 77 | | - | - | - | 78 | | PropTypes.bool | No | iOS | 79 | 80 | 81 | 82 | 83 | 84 | 85 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.32/share.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.32-share 3 | title: Share 4 | original_id: share 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`share`](share.md#share) 12 | - [`sharedAction`](share.md#sharedaction) 13 | - [`dismissedAction`](share.md#dismissedaction) 14 | 15 | 16 | 17 | 18 | --- 19 | 20 | # Reference 21 | 22 | ## Methods 23 | 24 | ### `share()` 25 | 26 | ```javascript 27 | static share(content, options) 28 | ``` 29 | 30 | 31 | Open a dialog to share text content. 32 | 33 | In iOS, Returns a Promise which will be invoked an object containing `action`, `activityType`. 34 | If the user dismissed the dialog, the Promise will still be resolved with action being `Share.dismissedAction` 35 | and all the other keys being undefined. 36 | 37 | In Android, Returns a Promise which always be resolved with action being `Share.sharedAction`. 38 | 39 | ### Content 40 | 41 | - `message` - a message to share 42 | - `title` - title of the message 43 | 44 | #### iOS 45 | 46 | - `url` - an URL to share 47 | 48 | At least one of URL and message is required. 49 | 50 | ### Options 51 | 52 | #### iOS 53 | 54 | - `excludedActivityTypes` 55 | - `tintColor` 56 | 57 | #### Android 58 | 59 | - `dialogTitle` 60 | 61 | 62 | 63 | 64 | 65 | --- 66 | 67 | ### `sharedAction()` 68 | 69 | ```javascript 70 | static sharedAction() 71 | ``` 72 | 73 | 74 | The content was successfully shared. 75 | 76 | 77 | 78 | 79 | --- 80 | 81 | ### `dismissedAction()` 82 | 83 | ```javascript 84 | static dismissedAction() 85 | ``` 86 | 87 | 88 | The dialog has been dismissed. 89 | @platform ios 90 | 91 | 92 | 93 | 94 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.32/snapshotviewios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.32-snapshotviewios 3 | title: SnapshotViewIOS 4 | original_id: snapshotviewios 5 | --- 6 | ### Props 7 | 8 | * [View props...](view.md#props) 9 | - [`onSnapshotReady`](snapshotviewios.md#onsnapshotready) 10 | - [`testIdentifier`](snapshotviewios.md#testidentifier) 11 | 12 | 13 | 14 | 15 | 16 | 17 | --- 18 | 19 | # Reference 20 | 21 | ## Props 22 | 23 | ### `onSnapshotReady` 24 | 25 | 26 | 27 | | Type | Required | 28 | | - | - | 29 | | Function | No | 30 | 31 | 32 | 33 | 34 | --- 35 | 36 | ### `testIdentifier` 37 | 38 | 39 | 40 | | Type | Required | 41 | | - | - | 42 | | string | No | 43 | 44 | 45 | 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.34/actionsheetios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.34-actionsheetios 3 | title: ActionSheetIOS 4 | original_id: actionsheetios 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`showActionSheetWithOptions`](actionsheetios.md#showactionsheetwithoptions) 12 | - [`showShareActionSheetWithOptions`](actionsheetios.md#showshareactionsheetwithoptions) 13 | 14 | 15 | 16 | 17 | --- 18 | 19 | # Reference 20 | 21 | ## Methods 22 | 23 | ### `showActionSheetWithOptions()` 24 | 25 | ```javascript 26 | static showActionSheetWithOptions(options, callback) 27 | ``` 28 | 29 | 30 | Display an iOS action sheet. The `options` object must contain one or more 31 | of: 32 | 33 | - `options` (array of strings) - a list of button titles (required) 34 | - `cancelButtonIndex` (int) - index of cancel button in `options` 35 | - `destructiveButtonIndex` (int) - index of destructive button in `options` 36 | - `title` (string) - a title to show above the action sheet 37 | - `message` (string) - a message to show below the title 38 | 39 | 40 | 41 | 42 | --- 43 | 44 | ### `showShareActionSheetWithOptions()` 45 | 46 | ```javascript 47 | static showShareActionSheetWithOptions(options, failureCallback, successCallback) 48 | ``` 49 | 50 | 51 | Display the iOS share sheet. The `options` object should contain 52 | one or both of `message` and `url` and can additionally have 53 | a `subject` or `excludedActivityTypes`: 54 | 55 | - `url` (string) - a URL to share 56 | - `message` (string) - a message to share 57 | - `subject` (string) - a subject for the message 58 | - `excludedActivityTypes` (array) - the activities to exclude from the ActionSheet 59 | 60 | NOTE: if `url` points to a local file, or is a base64-encoded 61 | uri, the file it points to will be loaded and shared directly. 62 | In this way, you can share images, videos, PDF files, etc. 63 | 64 | 65 | 66 | 67 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.34/vibration.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.34-vibration 3 | title: Vibration 4 | original_id: vibration 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`vibrate`](vibration.md#vibrate) 12 | - [`cancel`](vibration.md#cancel) 13 | 14 | 15 | 16 | 17 | --- 18 | 19 | # Reference 20 | 21 | ## Methods 22 | 23 | ### `vibrate()` 24 | 25 | ```javascript 26 | static vibrate(pattern, repeat) 27 | ``` 28 | 29 | 30 | 31 | --- 32 | 33 | ### `cancel()` 34 | 35 | ```javascript 36 | static cancel() 37 | ``` 38 | 39 | 40 | Stop vibration 41 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.35/toastandroid.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.35-toastandroid 3 | title: ToastAndroid 4 | original_id: toastandroid 5 | --- 6 | 7 | This exposes the native ToastAndroid module as a JS module. This has a function 'show' 8 | which takes the following parameters: 9 | 10 | 1. String message: A string with the text to toast 11 | 2. int duration: The duration of the toast. May be ToastAndroid.SHORT or ToastAndroid.LONG 12 | 13 | There is also a function `showWithGravity` to specify the layout gravity. May be 14 | ToastAndroid.TOP, ToastAndroid.BOTTOM, ToastAndroid.CENTER. 15 | 16 | Basic usage: 17 | ```javascript 18 | ToastAndroid.show('A pikachu appeared nearby !', ToastAndroid.SHORT); 19 | ToastAndroid.showWithGravity('All Your Base Are Belong To Us', ToastAndroid.SHORT, ToastAndroid.CENTER); 20 | ``` 21 | 22 | 23 | ### Methods 24 | 25 | - [`show`](toastandroid.md#show) 26 | - [`showWithGravity`](toastandroid.md#showwithgravity) 27 | 28 | 29 | ### Properties 30 | 31 | - [`SHORT`](toastandroid.md#short) 32 | - [`LONG`](toastandroid.md#long) 33 | - [`TOP`](toastandroid.md#top) 34 | - [`BOTTOM`](toastandroid.md#bottom) 35 | - [`CENTER`](toastandroid.md#center) 36 | 37 | 38 | 39 | 40 | --- 41 | 42 | # Reference 43 | 44 | ## Methods 45 | 46 | ### `show()` 47 | 48 | ```javascript 49 | static show(message, duration) 50 | ``` 51 | 52 | 53 | 54 | --- 55 | 56 | ### `showWithGravity()` 57 | 58 | ```javascript 59 | static showWithGravity(message, duration, gravity) 60 | ``` 61 | 62 | 63 | 64 | ## Properties 65 | 66 | 67 | 68 | --- 69 | 70 | 71 | 72 | --- 73 | 74 | 75 | 76 | --- 77 | 78 | 79 | 80 | --- 81 | 82 | 83 | 84 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.37/activityindicator.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.37-activityindicator 3 | title: ActivityIndicator 4 | original_id: activityindicator 5 | --- 6 | Displays a circular loading indicator. 7 | 8 | ### Props 9 | 10 | * [View props...](view.md#props) 11 | - [`animating`](activityindicator.md#animating) 12 | - [`color`](activityindicator.md#color) 13 | - [`size`](activityindicator.md#size) 14 | - [`hidesWhenStopped`](activityindicator.md#hideswhenstopped) 15 | 16 | 17 | 18 | 19 | 20 | 21 | --- 22 | 23 | # Reference 24 | 25 | ## Props 26 | 27 | ### `animating` 28 | 29 | Whether to show the indicator (true, the default) or hide it (false). 30 | 31 | | Type | Required | 32 | | - | - | 33 | | bool | No | 34 | 35 | 36 | 37 | 38 | --- 39 | 40 | ### `color` 41 | 42 | The foreground color of the spinner (default is gray). 43 | 44 | | Type | Required | 45 | | - | - | 46 | | [color](colors.md) | No | 47 | 48 | 49 | 50 | 51 | --- 52 | 53 | ### `size` 54 | 55 | Size of the indicator (default is 'small'). 56 | Passing a number to the size prop is only supported on Android. 57 | 58 | | Type | Required | 59 | | - | - | 60 | | enum('small', 'large'), ,number | No | 61 | 62 | 63 | 64 | 65 | --- 66 | 67 | ### `hidesWhenStopped` 68 | 69 | Whether the indicator should hide when not animating (true by default). 70 | 71 | 72 | 73 | | Type | Required | Platform | 74 | | - | - | - | 75 | | bool | No | iOS | 76 | 77 | 78 | 79 | 80 | 81 | 82 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.37/alert.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.37-alert 3 | title: Alert 4 | original_id: alert 5 | --- 6 | 7 | Launches an alert dialog with the specified title and message. 8 | 9 | Optionally provide a list of buttons. Tapping any button will fire the 10 | respective onPress callback and dismiss the alert. By default, the only 11 | button will be an 'OK' button. 12 | 13 | This is an API that works both on iOS and Android and can show static 14 | alerts. To show an alert that prompts the user to enter some information, 15 | see `AlertIOS`; entering text in an alert is common on iOS only. 16 | 17 | ## iOS 18 | 19 | On iOS you can specify any number of buttons. Each button can optionally 20 | specify a style, which is one of 'default', 'cancel' or 'destructive'. 21 | 22 | ## Android 23 | 24 | On Android at most three buttons can be specified. Android has a concept 25 | of a neutral, negative and a positive button: 26 | 27 | - If you specify one button, it will be the 'positive' one (such as 'OK') 28 | - Two buttons mean 'negative', 'positive' (such as 'Cancel', 'OK') 29 | - Three buttons mean 'neutral', 'negative', 'positive' (such as 'Later', 'Cancel', 'OK') 30 | 31 | ``` 32 | // Works on both iOS and Android 33 | Alert.alert( 34 | 'Alert Title', 35 | 'My Alert Msg', 36 | [ 37 | {text: 'Ask me later', onPress: () => console.log('Ask me later pressed')}, 38 | {text: 'Cancel', onPress: () => console.log('Cancel Pressed'), style: 'cancel'}, 39 | {text: 'OK', onPress: () => console.log('OK Pressed')}, 40 | ] 41 | ) 42 | ``` 43 | 44 | 45 | ### Methods 46 | 47 | - [`alert`](alert.md#alert) 48 | 49 | 50 | 51 | 52 | --- 53 | 54 | # Reference 55 | 56 | ## Methods 57 | 58 | ### `alert()` 59 | 60 | ```javascript 61 | static alert(title, message?, buttons?, options?, type?) 62 | ``` 63 | 64 | 65 | 66 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.37/shadow-props.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.37-shadow-props 3 | title: Shadow Props 4 | original_id: shadow-props 5 | --- 6 | ### Props 7 | 8 | - [`shadowColor`](shadow-props.md#shadowcolor) 9 | - [`shadowOffset`](shadow-props.md#shadowoffset) 10 | - [`shadowOpacity`](shadow-props.md#shadowopacity) 11 | - [`shadowRadius`](shadow-props.md#shadowradius) 12 | 13 | 14 | 15 | 16 | 17 | 18 | --- 19 | 20 | # Reference 21 | 22 | ## Props 23 | 24 | ### `shadowColor` 25 | 26 | Sets the drop shadow color 27 | 28 | 29 | | Type | Required | Platform | 30 | | - | - | - | 31 | | [color](colors.md) | No | iOS | 32 | 33 | 34 | 35 | 36 | --- 37 | 38 | ### `shadowOffset` 39 | 40 | Sets the drop shadow offset 41 | 42 | 43 | | Type | Required | Platform | 44 | | - | - | - | 45 | | object: {width: number,height: number} | No | iOS | 46 | 47 | 48 | 49 | 50 | --- 51 | 52 | ### `shadowOpacity` 53 | 54 | Sets the drop shadow opacity (multiplied by the color's alpha component) 55 | 56 | 57 | | Type | Required | Platform | 58 | | - | - | - | 59 | | number | No | iOS | 60 | 61 | 62 | 63 | 64 | --- 65 | 66 | ### `shadowRadius` 67 | 68 | Sets the drop shadow blur radius 69 | 70 | 71 | | Type | Required | Platform | 72 | | - | - | - | 73 | | number | No | iOS | 74 | 75 | 76 | 77 | 78 | 79 | 80 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.39/touchableopacity.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.39-touchableopacity 3 | title: TouchableOpacity 4 | original_id: touchableopacity 5 | --- 6 | A wrapper for making views respond properly to touches. 7 | On press down, the opacity of the wrapped view is decreased, dimming it. 8 | This is done without actually changing the view hierarchy, and in general is 9 | easy to add to an app without weird side-effects. 10 | 11 | Example: 12 | 13 | ``` 14 | renderButton: function() { 15 | return ( 16 | 17 | 21 | 22 | ); 23 | }, 24 | ``` 25 | 26 | ### Props 27 | 28 | * [TouchableWithoutFeedback props...](touchablewithoutfeedback.md#props) 29 | - [`activeOpacity`](touchableopacity.md#activeopacity) 30 | 31 | 32 | 33 | 34 | ### Methods 35 | 36 | - [`setOpacityTo`](touchableopacity.md#setopacityto) 37 | 38 | 39 | 40 | 41 | --- 42 | 43 | # Reference 44 | 45 | ## Props 46 | 47 | ### `activeOpacity` 48 | 49 | Determines what the opacity of the wrapped view should be when touch is 50 | active. Defaults to 0.2. 51 | 52 | | Type | Required | 53 | | - | - | 54 | | number | No | 55 | 56 | 57 | 58 | 59 | 60 | 61 | ## Methods 62 | 63 | ### `setOpacityTo()` 64 | 65 | ```javascript 66 | setOpacityTo(value: number, duration) 67 | ``` 68 | 69 | Animate the touchable to a new opacity. 70 | 71 | 72 | 73 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.44/backandroid.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.44-backandroid 3 | title: BackAndroid 4 | original_id: backandroid 5 | --- 6 | 7 | Deprecated. Use BackHandler instead. 8 | 9 | 10 | ### Methods 11 | 12 | - [`exitApp`](backandroid.md#exitapp) 13 | - [`addEventListener`](backandroid.md#addeventlistener) 14 | - [`removeEventListener`](backandroid.md#removeeventlistener) 15 | 16 | 17 | 18 | 19 | --- 20 | 21 | # Reference 22 | 23 | ## Methods 24 | 25 | ### `exitApp()` 26 | 27 | ```javascript 28 | static exitApp() 29 | ``` 30 | 31 | 32 | 33 | --- 34 | 35 | ### `addEventListener()` 36 | 37 | ```javascript 38 | static addEventListener(eventName, handler) 39 | ``` 40 | 41 | 42 | 43 | --- 44 | 45 | ### `removeEventListener()` 46 | 47 | ```javascript 48 | static removeEventListener(eventName, handler) 49 | ``` 50 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.48/touchableopacity.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.48-touchableopacity 3 | title: TouchableOpacity 4 | original_id: touchableopacity 5 | --- 6 | A wrapper for making views respond properly to touches. 7 | On press down, the opacity of the wrapped view is decreased, dimming it. 8 | 9 | Opacity is controlled by wrapping the children in an Animated.View, which is 10 | added to the view hiearchy. Be aware that this can affect layout. 11 | 12 | Example: 13 | 14 | ``` 15 | renderButton: function() { 16 | return ( 17 | 18 | 22 | 23 | ); 24 | }, 25 | ``` 26 | 27 | ### Props 28 | 29 | * [TouchableWithoutFeedback props...](touchablewithoutfeedback.md#props) 30 | - [`activeOpacity`](touchableopacity.md#activeopacity) 31 | - [`tvParallaxProperties`](touchableopacity.md#tvparallaxproperties) 32 | 33 | 34 | 35 | 36 | ### Methods 37 | 38 | - [`setOpacityTo`](touchableopacity.md#setopacityto) 39 | 40 | 41 | 42 | 43 | --- 44 | 45 | # Reference 46 | 47 | ## Props 48 | 49 | ### `activeOpacity` 50 | 51 | Determines what the opacity of the wrapped view should be when touch is 52 | active. Defaults to 0.2. 53 | 54 | | Type | Required | 55 | | - | - | 56 | | number | No | 57 | 58 | 59 | 60 | 61 | --- 62 | 63 | ### `tvParallaxProperties` 64 | 65 | Apple TV parallax effects 66 | 67 | | Type | Required | 68 | | - | - | 69 | | object | No | 70 | 71 | 72 | 73 | 74 | 75 | 76 | ## Methods 77 | 78 | ### `setOpacityTo()` 79 | 80 | ```javascript 81 | setOpacityTo(value: number, duration: number) 82 | ``` 83 | 84 | Animate the touchable to a new opacity. 85 | 86 | 87 | 88 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.49/maskedviewios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.49-maskedviewios 3 | title: MaskedViewIOS 4 | original_id: maskedviewios 5 | --- 6 | Renders the child view with a mask specified in the `maskElement` prop. 7 | 8 | ``` 9 | import React from 'react'; 10 | import { MaskedView, Text, View } from 'react-native'; 11 | 12 | class MyMaskedView extends React.Component { 13 | render() { 14 | return ( 15 | 19 | 20 | Basic Mask 21 | 22 | 23 | } 24 | > 25 | 26 | 27 | ); 28 | } 29 | } 30 | ``` 31 | 32 | The above example will render a view with a blue background that fills its 33 | parent, and then mask that view with text that says "Basic Mask". 34 | 35 | The alpha channel of the view rendered by the `maskElement` prop determines how 36 | much of the view's content and background shows through. Fully or partially 37 | opaque pixels allow the underlying content to show through but fully 38 | transparent pixels block that content. 39 | 40 | ### Props 41 | 42 | * [View props...](view.md#props) 43 | - [`maskElement`](maskedviewios.md#maskelement) 44 | 45 | 46 | 47 | 48 | 49 | 50 | --- 51 | 52 | # Reference 53 | 54 | ## Props 55 | 56 | ### `maskElement` 57 | 58 | 59 | 60 | | Type | Required | 61 | | - | - | 62 | | element | Yes | 63 | 64 | 65 | 66 | 67 | 68 | 69 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.49/snapshotviewios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.49-snapshotviewios 3 | title: SnapshotViewIOS 4 | original_id: snapshotviewios 5 | --- 6 | ### Props 7 | 8 | * [View props...](view.md#props) 9 | - [`onSnapshotReady`](snapshotviewios.md#onsnapshotready) 10 | - [`testIdentifier`](snapshotviewios.md#testidentifier) 11 | 12 | 13 | 14 | 15 | 16 | 17 | --- 18 | 19 | # Reference 20 | 21 | ## Props 22 | 23 | ### `onSnapshotReady` 24 | 25 | 26 | 27 | | Type | Required | 28 | | - | - | 29 | | function | No | 30 | 31 | 32 | 33 | 34 | --- 35 | 36 | ### `testIdentifier` 37 | 38 | 39 | 40 | | Type | Required | 41 | | - | - | 42 | | string | No | 43 | 44 | 45 | 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/actionsheetios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-actionsheetios 3 | title: ActionSheetIOS 4 | original_id: actionsheetios 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`showActionSheetWithOptions`](actionsheetios.md#showactionsheetwithoptions) 12 | - [`showShareActionSheetWithOptions`](actionsheetios.md#showshareactionsheetwithoptions) 13 | 14 | 15 | 16 | 17 | --- 18 | 19 | # Reference 20 | 21 | ## Methods 22 | 23 | ### `showActionSheetWithOptions()` 24 | 25 | ```javascript 26 | static showActionSheetWithOptions(options, callback) 27 | ``` 28 | 29 | 30 | 31 | --- 32 | 33 | ### `showShareActionSheetWithOptions()` 34 | 35 | ```javascript 36 | static showShareActionSheetWithOptions(options, failureCallback, successCallback) 37 | ``` 38 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/backandroid.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-backandroid 3 | title: BackAndroid 4 | original_id: backandroid 5 | --- 6 | 7 | **Deprecated.** Use [BackHandler](backhandler.md) instead. 8 | 9 | 10 | ### Methods 11 | 12 | - [`exitApp`](backandroid.md#exitapp) 13 | - [`addEventListener`](backandroid.md#addeventlistener) 14 | - [`removeEventListener`](backandroid.md#removeeventlistener) 15 | 16 | 17 | 18 | 19 | --- 20 | 21 | # Reference 22 | 23 | ## Methods 24 | 25 | ### `exitApp()` 26 | 27 | ```javascript 28 | BackAndroid.exitApp() 29 | ``` 30 | 31 | 32 | 33 | --- 34 | 35 | ### `addEventListener()` 36 | 37 | ```javascript 38 | BackAndroid.addEventListener(eventName, handler) 39 | ``` 40 | 41 | 42 | 43 | --- 44 | 45 | ### `removeEventListener()` 46 | 47 | ```javascript 48 | BackAndroid.removeEventListener(eventName, handler) 49 | ``` 50 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/cameraroll.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-cameraroll 3 | title: CameraRoll 4 | original_id: cameraroll 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`saveImageWithTag`](cameraroll.md#saveimagewithtag) 12 | - [`getPhotos`](cameraroll.md#getphotos) 13 | 14 | 15 | 16 | 17 | --- 18 | 19 | # Reference 20 | 21 | ## Methods 22 | 23 | ### `saveImageWithTag()` 24 | 25 | ```javascript 26 | static saveImageWithTag(tag, successCallback, errorCallback) 27 | ``` 28 | 29 | 30 | Saves the image with tag `tag` to the camera roll. 31 | 32 | @param {string} tag - Can be any of the three kinds of tags we accept: 33 | 1. URL 34 | 2. assets-library tag 35 | 3. tag returned from storing an image in memory 36 | 37 | 38 | 39 | 40 | --- 41 | 42 | ### `getPhotos()` 43 | 44 | ```javascript 45 | static getPhotos(params, callback, errorCallback) 46 | ``` 47 | 48 | 49 | Invokes `callback` with photo identifier objects from the local camera 50 | roll of the device matching shape defined by `getPhotosReturnChecker`. 51 | 52 | @param {object} params - See `getPhotosParamChecker`. 53 | @param {function} callback - Invoked with arg of shape defined by 54 | `getPhotosReturnChecker` on success. 55 | @param {function} errorCallback - Invoked with error message on error. 56 | 57 | 58 | 59 | 60 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/clipboard.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-clipboard 3 | title: Clipboard 4 | original_id: clipboard 5 | --- 6 | 7 | `Clipboard` gives you an interface for setting and getting content from Clipboard on both iOS and Android 8 | 9 | 10 | ### Methods 11 | 12 | - [`getString`](clipboard.md#getstring) 13 | - [`setString`](clipboard.md#setstring) 14 | 15 | 16 | 17 | 18 | --- 19 | 20 | # Reference 21 | 22 | ## Methods 23 | 24 | ### `getString()` 25 | 26 | ```javascript 27 | Clipboard.getString() 28 | ``` 29 | 30 | 31 | Get content of string type, this method returns a `Promise`, so you can use following code to get clipboard content 32 | ```javascript 33 | async _getContent() { 34 | var content = await Clipboard.getString(); 35 | } 36 | ``` 37 | 38 | 39 | 40 | 41 | --- 42 | 43 | ### `setString()` 44 | 45 | ```javascript 46 | Clipboard.setString(content) 47 | ``` 48 | 49 | 50 | Set content of string type. You can use following code to set clipboard content: 51 | 52 | ```javascript 53 | _setContent() { 54 | Clipboard.setString('hello world'); 55 | } 56 | ``` 57 | 58 | **Parameters:** 59 | 60 | | Name | Type | Required | Description | 61 | | - | - | - | - | 62 | | content | string | yes | The content to be stored in the clipboard. | 63 | 64 | 65 | 66 | 67 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/dimensions.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-dimensions 3 | title: Dimensions 4 | original_id: dimensions 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`set`](dimensions.md#set) 12 | - [`get`](dimensions.md#get) 13 | 14 | 15 | 16 | 17 | --- 18 | 19 | # Reference 20 | 21 | ## Methods 22 | 23 | ### `set()` 24 | 25 | ```javascript 26 | static set(dims) 27 | ``` 28 | 29 | 30 | This should only be called from native code. 31 | 32 | @param {object} dims Simple string-keyed object of dimensions to set 33 | 34 | 35 | 36 | 37 | --- 38 | 39 | ### `get()` 40 | 41 | ```javascript 42 | static get(dim) 43 | ``` 44 | 45 | 46 | Initial dimensions are set before `runApplication` is called so they should 47 | be available before any other require's are run, but may be updated later. 48 | 49 | Note: Although dimensions are available immediately, they may change (e.g 50 | due to device rotation) so any rendering logic or styles that depend on 51 | these constants should try to call this function on every render, rather 52 | than caching the value (for example, using inline styles rather than 53 | setting a value in a `StyleSheet`). 54 | 55 | @param {string} dim Name of dimension as defined when calling `set`. 56 | @returns {Object?} Value for the dimension. 57 | 58 | 59 | 60 | 61 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/geolocation.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-geolocation 3 | title: Geolocation 4 | original_id: geolocation 5 | --- 6 | 7 | You need to include the `NSLocationWhenInUseUsageDescription` key 8 | in Info.plist to enable geolocation. Geolocation is enabled by default 9 | when you create a project with `react-native init`. 10 | 11 | Geolocation follows the MDN specification: 12 | https://developer.mozilla.org/en-US/docs/Web/API/Geolocation 13 | 14 | 15 | ### Methods 16 | 17 | - [`getCurrentPosition`](geolocation.md#getcurrentposition) 18 | - [`watchPosition`](geolocation.md#watchposition) 19 | - [`clearWatch`](geolocation.md#clearwatch) 20 | - [`stopObserving`](geolocation.md#stopobserving) 21 | 22 | 23 | 24 | 25 | --- 26 | 27 | # Reference 28 | 29 | ## Methods 30 | 31 | ### `getCurrentPosition()` 32 | 33 | ```javascript 34 | static getCurrentPosition(geo_success, geo_error?, geo_options?) 35 | ``` 36 | 37 | 38 | Invokes the success callback once with the latest location info. Supported 39 | options: timeout (ms), maximumAge (ms), enableHighAccuracy (bool) 40 | 41 | 42 | 43 | 44 | --- 45 | 46 | ### `watchPosition()` 47 | 48 | ```javascript 49 | static watchPosition(success, error?, options?) 50 | ``` 51 | 52 | 53 | Invokes the success callback whenever the location changes. Supported 54 | options: timeout (ms), maximumAge (ms), enableHighAccuracy (bool) 55 | 56 | 57 | 58 | 59 | --- 60 | 61 | ### `clearWatch()` 62 | 63 | ```javascript 64 | static clearWatch(watchID) 65 | ``` 66 | 67 | 68 | 69 | --- 70 | 71 | ### `stopObserving()` 72 | 73 | ```javascript 74 | static stopObserving() 75 | ``` 76 | 77 | 78 | 79 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/image-style-props.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-image-style-props 3 | title: Image Style Props 4 | original_id: image-style-props 5 | --- 6 | ### Props 7 | 8 | - [`backgroundColor`](image-style-props.md#backgroundcolor) 9 | - [`borderColor`](image-style-props.md#bordercolor) 10 | - [`borderRadius`](image-style-props.md#borderradius) 11 | - [`borderWidth`](image-style-props.md#borderwidth) 12 | - [`opacity`](image-style-props.md#opacity) 13 | - [`resizeMode`](image-style-props.md#resizemode) 14 | - [`tintColor`](image-style-props.md#tintcolor) 15 | 16 | 17 | 18 | 19 | 20 | 21 | --- 22 | 23 | # Reference 24 | 25 | ## Props 26 | 27 | ### `backgroundColor` 28 | 29 | 30 | 31 | | Type | Required | 32 | | - | - | 33 | | string | No | 34 | 35 | 36 | 37 | 38 | --- 39 | 40 | ### `borderColor` 41 | 42 | 43 | 44 | | Type | Required | 45 | | - | - | 46 | | string | No | 47 | 48 | 49 | 50 | 51 | --- 52 | 53 | ### `borderRadius` 54 | 55 | 56 | 57 | | Type | Required | 58 | | - | - | 59 | | number | No | 60 | 61 | 62 | 63 | 64 | --- 65 | 66 | ### `borderWidth` 67 | 68 | 69 | 70 | | Type | Required | 71 | | - | - | 72 | | number | No | 73 | 74 | 75 | 76 | 77 | --- 78 | 79 | ### `opacity` 80 | 81 | 82 | 83 | | Type | Required | 84 | | - | - | 85 | | number | No | 86 | 87 | 88 | 89 | 90 | --- 91 | 92 | ### `resizeMode` 93 | 94 | 95 | 96 | | Type | Required | 97 | | - | - | 98 | | Object.keys(ImageResizeMode) | No | 99 | 100 | 101 | 102 | 103 | --- 104 | 105 | ### `tintColor` 106 | 107 | 108 | 109 | | Type | Required | 110 | | - | - | 111 | | string | No | 112 | 113 | 114 | 115 | 116 | 117 | 118 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/imageeditor.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-imageeditor 3 | title: ImageEditor 4 | original_id: imageeditor 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`cropImage`](imageeditor.md#cropimage) 12 | 13 | 14 | 15 | 16 | --- 17 | 18 | # Reference 19 | 20 | ## Methods 21 | 22 | ### `cropImage()` 23 | 24 | ```javascript 25 | ImageEditor.cropImage(uri, cropData, success, failure) 26 | ``` 27 | 28 | Crop the image specified by the URI param. If URI points to a remote image, it will be downloaded automatically. If the image cannot be loaded/downloaded, the failure callback will be called. 29 | 30 | If the cropping process is successful, the resultant cropped image will be stored in the ImageStore, and the URI returned in the success callback will point to the image in the store. Remember to delete the cropped image from the ImageStore when you are done with it. 31 | 32 | **Crop Data Options:** 33 | 34 | The following options can be used with the `cropData` parameter: 35 | 36 | | Name | Type | Required | Description | 37 | | - | - | - | - | 38 | | offset | `{ x: number, y: number}` | Yes | The top-left corner of the cropped image, specified in the original image's coordinate space. | 39 | | size | `{ width: number, height: number }` | Yes | The size (dimensions) of the cropped image, specified in the original image's coordinate space. | 40 | | displaySize | `{ width: number, height: number }` | No | Size to scale the cropped image to. | 41 | | resizeMode | `enum( contain: string, cover: string, stretch: string }` | No | The resizing mode to use when scaling the image. If the `displaySize` param is not specified, this has no effect. | 42 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/imagepickerios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-imagepickerios 3 | title: ImagePickerIOS 4 | original_id: imagepickerios 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`canRecordVideos`](imagepickerios.md#canrecordvideos) 12 | - [`canUseCamera`](imagepickerios.md#canusecamera) 13 | - [`openCameraDialog`](imagepickerios.md#opencameradialog) 14 | - [`openSelectDialog`](imagepickerios.md#openselectdialog) 15 | 16 | 17 | 18 | 19 | --- 20 | 21 | # Reference 22 | 23 | ## Methods 24 | 25 | ### `canRecordVideos()` 26 | 27 | ```javascript 28 | ImagePickerIOS.canRecordVideos(callback) 29 | ``` 30 | 31 | 32 | 33 | --- 34 | 35 | ### `canUseCamera()` 36 | 37 | ```javascript 38 | ImagePickerIOS.canUseCamera(callback) 39 | ``` 40 | 41 | 42 | 43 | --- 44 | 45 | ### `openCameraDialog()` 46 | 47 | ```javascript 48 | ImagePickerIOS.openCameraDialog(config, successCallback, cancelCallback) 49 | ``` 50 | 51 | 52 | 53 | --- 54 | 55 | ### `openSelectDialog()` 56 | 57 | ```javascript 58 | ImagePickerIOS.openSelectDialog(config, successCallback, cancelCallback) 59 | ``` 60 | 61 | 62 | 63 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/maskedviewios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-maskedviewios 3 | title: MaskedViewIOS 4 | original_id: maskedviewios 5 | --- 6 | Renders the child view with a mask specified in the `maskElement` prop. 7 | 8 | ``` 9 | import React from 'react'; 10 | import { MaskedViewIOS, Text, View } from 'react-native'; 11 | 12 | class MyMaskedView extends React.Component { 13 | render() { 14 | return ( 15 | 19 | 20 | Basic Mask 21 | 22 | 23 | } 24 | > 25 | 26 | 27 | ); 28 | } 29 | } 30 | ``` 31 | 32 | The above example will render a view with a blue background that fills its 33 | parent, and then mask that view with text that says "Basic Mask". 34 | 35 | The alpha channel of the view rendered by the `maskElement` prop determines how 36 | much of the view's content and background shows through. Fully or partially 37 | opaque pixels allow the underlying content to show through but fully 38 | transparent pixels block that content. 39 | 40 | ### Props 41 | 42 | - [View props...](view.md#props) 43 | - [`maskElement`](maskedviewios.md#maskelement) 44 | 45 | 46 | 47 | 48 | 49 | 50 | --- 51 | 52 | # Reference 53 | 54 | ## Props 55 | 56 | ### `maskElement` 57 | 58 | Should be a React element to be rendered and applied as the mask for the child element. 59 | 60 | | Type | Required | 61 | | - | - | 62 | | element | Yes | 63 | 64 | 65 | 66 | 67 | 68 | 69 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/netinfo.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-netinfo 3 | title: NetInfo 4 | original_id: netinfo 5 | --- 6 | 7 | NetInfo exposes info about online/offline status 8 | 9 | ### reachabilityIOS 10 | 11 | Asynchronously determine if the device is online and on a cellular network. 12 | 13 | - `none` - device is offline 14 | - `wifi` - device is online and connected via wifi, or is the iOS simulator 15 | - `cell` - device is connected via Edge, 3G, WiMax, or LTE 16 | - `unknown` - error case and the network status is unknown 17 | 18 | ``` 19 | NetInfo.reachabilityIOS.fetch().done((reach) => { 20 | console.log('Initial: ' + reach); 21 | }); 22 | function handleFirstReachabilityChange(reach) { 23 | console.log('First change: ' + reach); 24 | NetInfo.reachabilityIOS.removeEventListener( 25 | 'change', 26 | handleFirstReachabilityChange 27 | ); 28 | } 29 | NetInfo.reachabilityIOS.addEventListener( 30 | 'change', 31 | handleFirstReachabilityChange 32 | ); 33 | ``` 34 | 35 | ### isConnected 36 | 37 | Available on all platforms. Asynchronously fetch a boolean to determine 38 | internet connectivity. 39 | 40 | ``` 41 | NetInfo.isConnected.fetch().done((isConnected) => { 42 | console.log('First, is ' + (isConnected ? 'online' : 'offline')); 43 | }); 44 | function handleFirstConnectivityChange(isConnected) { 45 | console.log('Then, is ' + (isConnected ? 'online' : 'offline')); 46 | NetInfo.isConnected.removeEventListener( 47 | 'change', 48 | handleFirstConnectivityChange 49 | ); 50 | } 51 | NetInfo.isConnected.addEventListener( 52 | 'change', 53 | handleFirstConnectivityChange 54 | ); 55 | ``` 56 | 57 | 58 | 59 | 60 | --- 61 | 62 | # Reference 63 | 64 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/picker-item.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-picker-item 3 | title: Picker.Item 4 | original_id: picker-item 5 | --- 6 | 7 | Individual selectable item in a [Picker](picker.md). 8 | 9 | ### Props 10 | 11 | - [`label`](picker-item.md#label) 12 | - [`color`](picker-item.md#color) 13 | - [`testID`](picker-item.md#testid) 14 | - [`value`](picker-item.md#value) 15 | 16 | --- 17 | 18 | # Reference 19 | 20 | ## Props 21 | 22 | ### `label` 23 | 24 | Text to display for this item. 25 | 26 | | Type | Required | 27 | | - | - | 28 | | string | Yes | 29 | 30 | ### `color` 31 | 32 | The value to be passed to picker's `onValueChange` callback when this item is selected. Can be a string or an integer. 33 | 34 | | Type | Required | 35 | | - | - | 36 | | [color](colors.md) | No | 37 | 38 | ### `testID` 39 | 40 | Used to locate the item in end-to-end tests. 41 | 42 | | Type | Required | 43 | | - | - | 44 | | string | No | 45 | 46 | ### `value` 47 | 48 | Color of this item's text. 49 | 50 | | Type | Required | Platform | 51 | | - | - | - | 52 | | any | No | Android | 53 | 54 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/picker-style-props.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-picker-style-props 3 | title: Picker Style Props 4 | original_id: picker-style-props 5 | --- 6 | 7 | [Picker](picker.md) style props. 8 | 9 | ### Props 10 | 11 | - [View Style Props...](view-style-props.md) 12 | - [`color`](picker-style-props.md#color) 13 | 14 | 15 | 16 | --- 17 | 18 | # Reference 19 | 20 | ## Props 21 | 22 | ### `color` 23 | 24 | 25 | 26 | | Type | Required | 27 | | - | - | 28 | | [color](color.md) | No | 29 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/pickerios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-pickerios 3 | title: PickerIOS 4 | original_id: pickerios 5 | --- 6 | 7 | ### Props 8 | 9 | - [View props...](view.md#props) 10 | - [`itemStyle`](pickerios.md#itemstyle) 11 | - [`onValueChange`](pickerios.md#onvaluechange) 12 | - [`selectedValue`](pickerios.md#selectedvalue) 13 | 14 | 15 | 16 | 17 | 18 | 19 | --- 20 | 21 | # Reference 22 | 23 | ## Props 24 | 25 | ### `itemStyle` 26 | 27 | 28 | 29 | | Type | Required | 30 | | - | - | 31 | | [style](text-style-props.md) | No | 32 | 33 | 34 | 35 | 36 | --- 37 | 38 | ### `onValueChange` 39 | 40 | 41 | 42 | | Type | Required | 43 | | - | - | 44 | | function | No | 45 | 46 | 47 | 48 | 49 | --- 50 | 51 | ### `selectedValue` 52 | 53 | A string or integer. 54 | 55 | | Type | Required | 56 | | - | - | 57 | | any | No | 58 | 59 | 60 | 61 | 62 | 63 | 64 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/running-on-simulator-ios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-running-on-simulator-ios 3 | title: Running On Simulator 4 | original_id: running-on-simulator-ios 5 | --- 6 | 7 | ## Starting the simulator 8 | 9 | Once you have your React Native project initialized, you can run `react-native run-ios` inside the newly created project directory. If everything is set up correctly, you should see your new app running in the iOS Simulator shortly. 10 | 11 | ## Specifying a device 12 | 13 | You can specify the device the simulator should run with the `--simulator` flag, followed by the device name as a string. The default is `"iPhone 6"`. If you wish to run your app on an iPhone 4s, just run `react-native run-ios --simulator="iPhone 4s"`. 14 | 15 | The device names correspond to the list of devices available in Xcode. You can check your available devices by running `xcrun simctl list devices` from the console. 16 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/settings.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-settings 3 | title: Settings 4 | original_id: settings 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`get`](settings.md#get) 12 | - [`set`](settings.md#set) 13 | - [`watchKeys`](settings.md#watchkeys) 14 | - [`clearWatch`](settings.md#clearwatch) 15 | 16 | 17 | ### Properties 18 | 19 | 20 | 21 | 22 | 23 | --- 24 | 25 | # Reference 26 | 27 | ## Methods 28 | 29 | ### `get()` 30 | 31 | ```javascript 32 | static get(key) 33 | ``` 34 | 35 | 36 | 37 | --- 38 | 39 | ### `set()` 40 | 41 | ```javascript 42 | static set(settings) 43 | ``` 44 | 45 | 46 | 47 | --- 48 | 49 | ### `watchKeys()` 50 | 51 | ```javascript 52 | static watchKeys(keys, callback) 53 | ``` 54 | 55 | 56 | 57 | --- 58 | 59 | ### `clearWatch()` 60 | 61 | ```javascript 62 | static clearWatch(watchId) 63 | ``` 64 | 65 | 66 | 67 | ## Properties 68 | 69 | 70 | 71 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/shadow-props.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-shadow-props 3 | title: Shadow Props 4 | original_id: shadow-props 5 | --- 6 | ### Props 7 | 8 | - [`shadowColor`](shadow-props.md#shadowcolor) 9 | - [`shadowOffset`](shadow-props.md#shadowoffset) 10 | - [`shadowOpacity`](shadow-props.md#shadowopacity) 11 | - [`shadowRadius`](shadow-props.md#shadowradius) 12 | 13 | 14 | 15 | 16 | 17 | 18 | --- 19 | 20 | # Reference 21 | 22 | ## Props 23 | 24 | ### `shadowColor` 25 | 26 | Sets the drop shadow color 27 | 28 | 29 | | Type | Required | Platform | 30 | | - | - | - | 31 | | [color](colors.md) | No | iOS | 32 | 33 | 34 | 35 | 36 | --- 37 | 38 | ### `shadowOffset` 39 | 40 | Sets the drop shadow offset 41 | 42 | 43 | | Type | Required | Platform | 44 | | - | - | - | 45 | | object: {width: number,height: number} | No | iOS | 46 | 47 | 48 | 49 | 50 | --- 51 | 52 | ### `shadowOpacity` 53 | 54 | Sets the drop shadow opacity (multiplied by the color's alpha component) 55 | 56 | 57 | | Type | Required | Platform | 58 | | - | - | - | 59 | | number | No | iOS | 60 | 61 | 62 | 63 | 64 | --- 65 | 66 | ### `shadowRadius` 67 | 68 | Sets the drop shadow blur radius 69 | 70 | 71 | | Type | Required | Platform | 72 | | - | - | - | 73 | | number | No | iOS | 74 | 75 | 76 | 77 | 78 | 79 | 80 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/share.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-share 3 | title: Share 4 | original_id: share 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`share`](share.md#share) 12 | - [`sharedAction`](share.md#sharedaction) 13 | - [`dismissedAction`](share.md#dismissedaction) 14 | 15 | 16 | 17 | 18 | --- 19 | 20 | # Reference 21 | 22 | ## Methods 23 | 24 | ### `share()` 25 | 26 | ```javascript 27 | Share.share(content, options) 28 | ``` 29 | 30 | 31 | Open a dialog to share text content. 32 | 33 | In iOS, Returns a Promise which will be invoked an object containing `action`, `activityType`. If the user dismissed the dialog, the Promise will still be resolved with action being `Share.dismissedAction` and all the other keys being undefined. 34 | 35 | In Android, Returns a Promise which always be resolved with action being `Share.sharedAction`. 36 | 37 | ### Content 38 | 39 | - `message` - a message to share 40 | - `title` - title of the message 41 | 42 | #### iOS 43 | 44 | - `url` - an URL to share 45 | 46 | At least one of URL and message is required. 47 | 48 | ### Options 49 | 50 | #### iOS 51 | 52 | - `subject` - a subject to share via email 53 | - `excludedActivityTypes` 54 | - `tintColor` 55 | 56 | #### Android 57 | 58 | - `dialogTitle` 59 | 60 | 61 | --- 62 | 63 | ### `sharedAction()` 64 | 65 | ```javascript 66 | Share.sharedAction() 67 | ``` 68 | 69 | 70 | The content was successfully shared. 71 | 72 | 73 | 74 | 75 | --- 76 | 77 | ### `dismissedAction()` 78 | 79 | ```javascript 80 | Share.dismissedAction() 81 | ``` 82 | 83 | 84 | The dialog has been dismissed. 85 | 86 | | Platform | 87 | | - | 88 | | iOS | 89 | 90 | 91 | 92 | 93 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/snapshotviewios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-snapshotviewios 3 | title: SnapshotViewIOS 4 | original_id: snapshotviewios 5 | --- 6 | 7 | ### Props 8 | 9 | - [View props...](view.md#props) 10 | - [`onSnapshotReady`](snapshotviewios.md#onsnapshotready) 11 | - [`testIdentifier`](snapshotviewios.md#testidentifier) 12 | 13 | 14 | 15 | 16 | 17 | 18 | --- 19 | 20 | # Reference 21 | 22 | ## Props 23 | 24 | ### `onSnapshotReady` 25 | 26 | 27 | 28 | | Type | Required | 29 | | - | - | 30 | | function | No | 31 | 32 | 33 | 34 | 35 | --- 36 | 37 | ### `testIdentifier` 38 | 39 | 40 | 41 | | Type | Required | 42 | | - | - | 43 | | string | No | 44 | 45 | 46 | 47 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/statusbarios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-statusbarios 3 | title: StatusBarIOS 4 | original_id: statusbarios 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`setStyle`](statusbarios.md#setstyle) 12 | - [`setHidden`](statusbarios.md#sethidden) 13 | 14 | 15 | ### Properties 16 | 17 | - [`Style`](statusbarios.md#style) 18 | - [`Animation`](statusbarios.md#animation) 19 | 20 | 21 | 22 | 23 | --- 24 | 25 | # Reference 26 | 27 | ## Methods 28 | 29 | ### `setStyle()` 30 | 31 | ```javascript 32 | static setStyle(style, animated?) 33 | ``` 34 | 35 | 36 | 37 | --- 38 | 39 | ### `setHidden()` 40 | 41 | ```javascript 42 | static setHidden(hidden, animation) 43 | ``` 44 | 45 | 46 | 47 | ## Properties 48 | 49 | 50 | 51 | --- 52 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/stylesheet.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-stylesheet 3 | title: StyleSheet 4 | original_id: stylesheet 5 | --- 6 | 7 | A StyleSheet is an abstraction similar to CSS StyleSheets 8 | 9 | Create a new StyleSheet: 10 | 11 | ``` 12 | var styles = StyleSheet.create({ 13 | container: { 14 | borderRadius: 4, 15 | borderWidth: 0.5, 16 | borderColor: '#d6d7da', 17 | }, 18 | title: { 19 | fontSize: 19, 20 | fontWeight: 'bold', 21 | }, 22 | activeTitle: { 23 | color: 'red', 24 | }, 25 | }); 26 | ``` 27 | 28 | Use a StyleSheet: 29 | 30 | ``` 31 | 32 | 33 | 34 | ``` 35 | 36 | Code quality: 37 | 38 | - By moving styles away from the render function, you're making the code 39 | easier to understand. 40 | - Naming the styles is a good way to add meaning to the low level components 41 | in the render function. 42 | 43 | Performance: 44 | 45 | - Making a stylesheet from a style object makes it possible to refer to it 46 | by ID instead of creating a new style object every time. 47 | - It also allows to send the style only once through the bridge. All 48 | subsequent uses are going to refer an id (not implemented yet). 49 | 50 | 51 | ### Methods 52 | 53 | - [`create`](stylesheet.md#create) 54 | 55 | 56 | 57 | 58 | --- 59 | 60 | # Reference 61 | 62 | ## Methods 63 | 64 | ### `create()` 65 | 66 | ```javascript 67 | static create(obj) 68 | ``` 69 | 70 | 71 | 72 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/tabbarios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-tabbarios 3 | title: TabBarIOS 4 | original_id: tabbarios 5 | --- 6 | ### Props 7 | 8 | - [`style`](tabbarios.md#style) 9 | 10 | 11 | 12 | 13 | 14 | 15 | --- 16 | 17 | # Reference 18 | 19 | ## Props 20 | 21 | ### `style` 22 | 23 | 24 | 25 | | Type | Required | 26 | | - | - | 27 | | [View](view.md#style) | No | 28 | 29 | 30 | 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/touchableopacity.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-touchableopacity 3 | title: TouchableOpacity 4 | original_id: touchableopacity 5 | --- 6 | A wrapper for making views respond properly to touches. 7 | On press down, the opacity of the wrapped view is decreased, dimming it. 8 | This is done without actually changing the view hierarchy, and in general is 9 | easy to add to an app without weird side-effects. 10 | 11 | Example: 12 | 13 | ``` 14 | renderButton: function() { 15 | return ( 16 | 17 | 21 | 22 | ); 23 | }, 24 | ``` 25 | 26 | ### Props 27 | 28 | * [TouchableWithoutFeedback props...](touchablewithoutfeedback.md#props) 29 | - [`activeOpacity`](touchableopacity.md#activeopacity) 30 | 31 | 32 | 33 | 34 | ### Methods 35 | 36 | - [`setOpacityTo`](touchableopacity.md#setopacityto) 37 | 38 | 39 | 40 | 41 | --- 42 | 43 | # Reference 44 | 45 | ## Props 46 | 47 | ### `activeOpacity` 48 | 49 | Determines what the opacity of the wrapped view should be when touch is 50 | active. 51 | 52 | | Type | Required | 53 | | - | - | 54 | | number | No | 55 | 56 | 57 | 58 | 59 | 60 | 61 | ## Methods 62 | 63 | ### `setOpacityTo()` 64 | 65 | ```javascript 66 | setOpacityTo(value) 67 | ``` 68 | 69 | 70 | 71 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/touchablewithoutfeedback.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-touchablewithoutfeedback 3 | title: TouchableWithoutFeedback 4 | original_id: touchablewithoutfeedback 5 | --- 6 | Do not use unless you have a very good reason. All the elements that 7 | respond to press should have a visual feedback when touched. This is 8 | one of the primary reason a "web" app doesn't feel "native". 9 | 10 | ### Props 11 | 12 | - [`onLongPress`](touchablewithoutfeedback.md#onlongpress) 13 | - [`onPress`](touchablewithoutfeedback.md#onpress) 14 | - [`onPressIn`](touchablewithoutfeedback.md#onpressin) 15 | - [`onPressOut`](touchablewithoutfeedback.md#onpressout) 16 | 17 | 18 | 19 | 20 | 21 | 22 | --- 23 | 24 | # Reference 25 | 26 | ## Props 27 | 28 | ### `onLongPress` 29 | 30 | 31 | 32 | | Type | Required | 33 | | - | - | 34 | | function | No | 35 | 36 | 37 | 38 | 39 | --- 40 | 41 | ### `onPress` 42 | 43 | Called when the touch is released, but not if cancelled (e.g. by a scroll 44 | that steals the responder lock). 45 | 46 | | Type | Required | 47 | | - | - | 48 | | function | No | 49 | 50 | 51 | 52 | 53 | --- 54 | 55 | ### `onPressIn` 56 | 57 | 58 | 59 | | Type | Required | 60 | | - | - | 61 | | function | No | 62 | 63 | 64 | 65 | 66 | --- 67 | 68 | ### `onPressOut` 69 | 70 | 71 | 72 | | Type | Required | 73 | | - | - | 74 | | function | No | 75 | 76 | 77 | 78 | 79 | 80 | 81 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/transforms.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-transforms 3 | title: Transforms 4 | original_id: transforms 5 | --- 6 | ### Props 7 | 8 | - [`rotation`](transforms.md#rotation) 9 | - [`scaleX`](transforms.md#scalex) 10 | - [`scaleY`](transforms.md#scaley) 11 | - [`transform`](transforms.md#transform) 12 | - [`transformMatrix`](transforms.md#transformmatrix) 13 | - [`translateX`](transforms.md#translatex) 14 | - [`translateY`](transforms.md#translatey) 15 | 16 | 17 | 18 | 19 | 20 | 21 | --- 22 | 23 | # Reference 24 | 25 | ## Props 26 | 27 | ### `rotation` 28 | 29 | 30 | 31 | | Type | Required | 32 | | - | - | 33 | | number | No | 34 | 35 | 36 | 37 | 38 | --- 39 | 40 | ### `scaleX` 41 | 42 | 43 | 44 | | Type | Required | 45 | | - | - | 46 | | number | No | 47 | 48 | 49 | 50 | 51 | --- 52 | 53 | ### `scaleY` 54 | 55 | 56 | 57 | | Type | Required | 58 | | - | - | 59 | | number | No | 60 | 61 | 62 | 63 | 64 | --- 65 | 66 | ### `transform` 67 | 68 | 69 | 70 | | Type | Required | 71 | | - | - | 72 | | array of object: {rotate: string}, ,object: {scaleX: number}, ,object: {scaleY: number}, ,object: {translateX: number}, ,object: {translateY: number} | No | 73 | 74 | 75 | 76 | 77 | --- 78 | 79 | ### `transformMatrix` 80 | 81 | 82 | 83 | | Type | Required | 84 | | - | - | 85 | | array of number | No | 86 | 87 | 88 | 89 | 90 | --- 91 | 92 | ### `translateX` 93 | 94 | 95 | 96 | | Type | Required | 97 | | - | - | 98 | | number | No | 99 | 100 | 101 | 102 | 103 | --- 104 | 105 | ### `translateY` 106 | 107 | 108 | 109 | | Type | Required | 110 | | - | - | 111 | | number | No | 112 | 113 | 114 | 115 | 116 | 117 | 118 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/understanding-cli.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-understanding-cli 3 | title: Understanding the CLI 4 | original_id: understanding-cli 5 | --- 6 | 7 | Though you may have installed the `react-native-cli` via npm as a separate module, it is a shell for accessing the CLI embedded 8 | in the React Native of each project. Your commands and their effects are dependent on the version of the module of `react-native` 9 | in context of the project. This guide will give a brief overview of the CLI in the module. 10 | 11 | # The local CLI 12 | 13 | React Native has a [`local-cli`](https://github.com/facebook/react-native/tree/master/local-cli) folder with a file named 14 | [`cliEntry.js`](https://github.com/facebook/react-native/blob/master/local-cli/cliEntry.js). Here, the commands are read 15 | from `commands.js` and added as possible CLI commands. _E.G._ the `react-native link` command, exists in the 16 | [`react-native/local-cli/link`](https://github.com/facebook/react-native/blob/master/local-cli/link/) folder, and is 17 | required in `commands.js`, which will register it as a documented command to be exposed to the CLI. 18 | 19 | # Command definitions 20 | 21 | At the end of each command entry is an export. The export is an object with a function to perform, description of the command, and the command name. The object structure for the `link` command looks like so: 22 | 23 | ```js 24 | module.exports = { 25 | func: link, 26 | description: 'links all native dependencies', 27 | name: 'link [packageName]', 28 | }; 29 | ``` 30 | 31 | ### Parameters 32 | 33 | The command name identifies the parameters that a command would expect. When the command parameter is surrounded by greater-than, less-than symbols `< >`, this indicates that the parameter is expected. When a parameter is surrounded by brackets `[ ]`, this indicates that the parameter is optional. 34 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.5/vibrationios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.5-vibrationios 3 | title: VibrationIOS 4 | original_id: vibrationios 5 | --- 6 | 7 | The Vibration API is exposed at `VibrationIOS.vibrate()`. On iOS, calling this 8 | function will trigger a one second vibration. The vibration is asynchronous 9 | so this method will return immediately. 10 | 11 | There will be no effect on devices that do not support Vibration, eg. the iOS 12 | simulator. 13 | 14 | Vibration patterns are currently unsupported. 15 | 16 | 17 | ### Methods 18 | 19 | - [`vibrate`](vibrationios.md#vibrate) 20 | 21 | 22 | 23 | 24 | --- 25 | 26 | # Reference 27 | 28 | ## Methods 29 | 30 | ### `vibrate()` 31 | 32 | ```javascript 33 | static vibrate() 34 | ``` 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.50/maskedviewios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.50-maskedviewios 3 | title: MaskedViewIOS 4 | original_id: maskedviewios 5 | --- 6 | Renders the child view with a mask specified in the `maskElement` prop. 7 | 8 | ``` 9 | import React from 'react'; 10 | import { MaskedViewIOS, Text, View } from 'react-native'; 11 | 12 | class MyMaskedView extends React.Component { 13 | render() { 14 | return ( 15 | 19 | 20 | Basic Mask 21 | 22 | 23 | } 24 | > 25 | 26 | 27 | ); 28 | } 29 | } 30 | ``` 31 | 32 | The above example will render a view with a blue background that fills its 33 | parent, and then mask that view with text that says "Basic Mask". 34 | 35 | The alpha channel of the view rendered by the `maskElement` prop determines how 36 | much of the view's content and background shows through. Fully or partially 37 | opaque pixels allow the underlying content to show through but fully 38 | transparent pixels block that content. 39 | 40 | ### Props 41 | 42 | * [View props...](view.md#props) 43 | - [`maskElement`](maskedviewios.md#maskelement) 44 | 45 | 46 | 47 | 48 | 49 | 50 | --- 51 | 52 | # Reference 53 | 54 | ## Props 55 | 56 | ### `maskElement` 57 | 58 | 59 | 60 | | Type | Required | 61 | | - | - | 62 | | element | Yes | 63 | 64 | 65 | 66 | 67 | 68 | 69 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.51/share.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.51-share 3 | title: Share 4 | original_id: share 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`share`](share.md#share) 12 | - [`sharedAction`](share.md#sharedaction) 13 | - [`dismissedAction`](share.md#dismissedaction) 14 | 15 | 16 | 17 | 18 | --- 19 | 20 | # Reference 21 | 22 | ## Methods 23 | 24 | ### `share()` 25 | 26 | ```javascript 27 | static share(content, options) 28 | ``` 29 | 30 | 31 | Open a dialog to share text content. 32 | 33 | In iOS, Returns a Promise which will be invoked an object containing `action`, `activityType`. 34 | If the user dismissed the dialog, the Promise will still be resolved with action being `Share.dismissedAction` 35 | and all the other keys being undefined. 36 | 37 | In Android, Returns a Promise which always be resolved with action being `Share.sharedAction`. 38 | 39 | ### Content 40 | 41 | - `message` - a message to share 42 | - `title` - title of the message 43 | 44 | #### iOS 45 | 46 | - `url` - an URL to share 47 | 48 | At least one of URL and message is required. 49 | 50 | ### Options 51 | 52 | #### iOS 53 | 54 | - `subject` - a subject to share via email 55 | - `excludedActivityTypes` 56 | - `tintColor` 57 | 58 | #### Android 59 | 60 | - `dialogTitle` 61 | 62 | 63 | 64 | 65 | 66 | --- 67 | 68 | ### `sharedAction()` 69 | 70 | ```javascript 71 | static sharedAction() 72 | ``` 73 | 74 | 75 | The content was successfully shared. 76 | 77 | 78 | 79 | 80 | --- 81 | 82 | ### `dismissedAction()` 83 | 84 | ```javascript 85 | static dismissedAction() 86 | ``` 87 | 88 | 89 | The dialog has been dismissed. 90 | @platform ios 91 | 92 | 93 | 94 | 95 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.6/netinfo.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.6-netinfo 3 | title: NetInfo 4 | original_id: netinfo 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`addEventListener`](netinfo.md#addeventlistener) 12 | - [`removeEventListener`](netinfo.md#removeeventlistener) 13 | - [`fetch`](netinfo.md#fetch) 14 | 15 | 16 | ### Properties 17 | 18 | - [`isConnected`](netinfo.md#isconnected) 19 | - [`isConnectionMetered`](netinfo.md#isconnectionmetered) 20 | 21 | 22 | 23 | 24 | --- 25 | 26 | # Reference 27 | 28 | ## Methods 29 | 30 | ### `addEventListener()` 31 | 32 | ```javascript 33 | static addEventListener(eventName, handler) 34 | ``` 35 | 36 | 37 | 38 | --- 39 | 40 | ### `removeEventListener()` 41 | 42 | ```javascript 43 | static removeEventListener(eventName, handler) 44 | ``` 45 | 46 | 47 | 48 | --- 49 | 50 | ### `fetch()` 51 | 52 | ```javascript 53 | static fetch() 54 | ``` 55 | 56 | 57 | 58 | ## Properties 59 | 60 | 61 | 62 | --- 63 | 64 | 65 | 66 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.6/statusbarios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.6-statusbarios 3 | title: StatusBarIOS 4 | original_id: statusbarios 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`setStyle`](statusbarios.md#setstyle) 12 | - [`setHidden`](statusbarios.md#sethidden) 13 | 14 | 15 | 16 | 17 | --- 18 | 19 | # Reference 20 | 21 | ## Methods 22 | 23 | ### `setStyle()` 24 | 25 | ```javascript 26 | static setStyle(style, animated?) 27 | ``` 28 | 29 | 30 | 31 | --- 32 | 33 | ### `setHidden()` 34 | 35 | ```javascript 36 | static setHidden(hidden, animation?) 37 | ``` 38 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.6/tabbarios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.6-tabbarios 3 | title: TabBarIOS 4 | original_id: tabbarios 5 | --- 6 | ### Props 7 | 8 | - [`barTintColor`](tabbarios.md#bartintcolor) 9 | - [`style`](tabbarios.md#style) 10 | - [`tintColor`](tabbarios.md#tintcolor) 11 | 12 | 13 | 14 | 15 | 16 | 17 | --- 18 | 19 | # Reference 20 | 21 | ## Props 22 | 23 | ### `barTintColor` 24 | 25 | Background color of the tab bar 26 | 27 | | Type | Required | 28 | | - | - | 29 | | string | No | 30 | 31 | 32 | 33 | 34 | --- 35 | 36 | ### `style` 37 | 38 | 39 | 40 | | Type | Required | 41 | | - | - | 42 | | [View](view.md#style) | No | 43 | 44 | 45 | 46 | 47 | --- 48 | 49 | ### `tintColor` 50 | 51 | Color of the currently selected tab icon 52 | 53 | | Type | Required | 54 | | - | - | 55 | | string | No | 56 | 57 | 58 | 59 | 60 | 61 | 62 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.6/touchableopacity.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.6-touchableopacity 3 | title: TouchableOpacity 4 | original_id: touchableopacity 5 | --- 6 | A wrapper for making views respond properly to touches. 7 | On press down, the opacity of the wrapped view is decreased, dimming it. 8 | This is done without actually changing the view hierarchy, and in general is 9 | easy to add to an app without weird side-effects. 10 | 11 | Example: 12 | 13 | ``` 14 | renderButton: function() { 15 | return ( 16 | 17 | 21 | 22 | ); 23 | }, 24 | ``` 25 | > **NOTE**: TouchableOpacity supports only one child 26 | > 27 | > If you wish to have to have several child components, wrap them in a View. 28 | 29 | ### Props 30 | 31 | * [TouchableWithoutFeedback props...](touchablewithoutfeedback.md#props) 32 | - [`activeOpacity`](touchableopacity.md#activeopacity) 33 | 34 | 35 | 36 | 37 | ### Methods 38 | 39 | - [`setOpacityTo`](touchableopacity.md#setopacityto) 40 | 41 | 42 | 43 | 44 | --- 45 | 46 | # Reference 47 | 48 | ## Props 49 | 50 | ### `activeOpacity` 51 | 52 | Determines what the opacity of the wrapped view should be when touch is 53 | active. 54 | 55 | | Type | Required | 56 | | - | - | 57 | | number | No | 58 | 59 | 60 | 61 | 62 | 63 | 64 | ## Methods 65 | 66 | ### `setOpacityTo()` 67 | 68 | ```javascript 69 | setOpacityTo(value) 70 | ``` 71 | 72 | 73 | 74 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.9/cameraroll.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.9-cameraroll 3 | title: CameraRoll 4 | original_id: cameraroll 5 | --- 6 | 7 | `CameraRoll` provides access to the local camera roll / gallery. 8 | 9 | 10 | ### Methods 11 | 12 | - [`saveImageWithTag`](cameraroll.md#saveimagewithtag) 13 | - [`getPhotos`](cameraroll.md#getphotos) 14 | 15 | 16 | 17 | 18 | --- 19 | 20 | # Reference 21 | 22 | ## Methods 23 | 24 | ### `saveImageWithTag()` 25 | 26 | ```javascript 27 | static saveImageWithTag(tag, successCallback, errorCallback) 28 | ``` 29 | 30 | 31 | Saves the image to the camera roll / gallery. 32 | 33 | @param {string} tag On Android, this is a local URI, such 34 | as `"file:///sdcard/img.png"`. 35 | 36 | On iOS, the tag can be one of the following: 37 | 38 | - local URI 39 | - assets-library tag 40 | - a tag not maching any of the above, which means the image data will 41 | be stored in memory (and consume memory as long as the process is alive) 42 | 43 | @param successCallback Invoked with the value of `tag` on success. 44 | @param errorCallback Invoked with error message on error. 45 | 46 | 47 | 48 | 49 | --- 50 | 51 | ### `getPhotos()` 52 | 53 | ```javascript 54 | static getPhotos(params, callback, errorCallback) 55 | ``` 56 | 57 | 58 | Invokes `callback` with photo identifier objects from the local camera 59 | roll of the device matching shape defined by `getPhotosReturnChecker`. 60 | 61 | @param {object} params See `getPhotosParamChecker`. 62 | @param {function} callback Invoked with arg of shape defined by 63 | `getPhotosReturnChecker` on success. 64 | @param {function} errorCallback Invoked with error message on error. 65 | 66 | 67 | 68 | 69 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.9/statusbarios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.9-statusbarios 3 | title: StatusBarIOS 4 | original_id: statusbarios 5 | --- 6 | 7 | 8 | 9 | ### Methods 10 | 11 | - [`setStyle`](statusbarios.md#setstyle) 12 | - [`setHidden`](statusbarios.md#sethidden) 13 | - [`setNetworkActivityIndicatorVisible`](statusbarios.md#setnetworkactivityindicatorvisible) 14 | 15 | 16 | 17 | 18 | --- 19 | 20 | # Reference 21 | 22 | ## Methods 23 | 24 | ### `setStyle()` 25 | 26 | ```javascript 27 | static setStyle(style, animated?) 28 | ``` 29 | 30 | 31 | 32 | --- 33 | 34 | ### `setHidden()` 35 | 36 | ```javascript 37 | static setHidden(hidden, animation?) 38 | ``` 39 | 40 | 41 | 42 | --- 43 | 44 | ### `setNetworkActivityIndicatorVisible()` 45 | 46 | ```javascript 47 | static setNetworkActivityIndicatorVisible(visible) 48 | ``` 49 | 50 | 51 | 52 | -------------------------------------------------------------------------------- /website/versioned_docs/version-0.9/tabbarios.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: version-0.9-tabbarios 3 | title: TabBarIOS 4 | original_id: tabbarios 5 | --- 6 | ### Props 7 | 8 | - [`barTintColor`](tabbarios.md#bartintcolor) 9 | - [`style`](tabbarios.md#style) 10 | - [`tintColor`](tabbarios.md#tintcolor) 11 | - [`translucent`](tabbarios.md#translucent) 12 | 13 | 14 | 15 | 16 | 17 | 18 | --- 19 | 20 | # Reference 21 | 22 | ## Props 23 | 24 | ### `barTintColor` 25 | 26 | Background color of the tab bar 27 | 28 | | Type | Required | 29 | | - | - | 30 | | string | No | 31 | 32 | 33 | 34 | 35 | --- 36 | 37 | ### `style` 38 | 39 | 40 | 41 | | Type | Required | 42 | | - | - | 43 | | [View](view.md#style) | No | 44 | 45 | 46 | 47 | 48 | --- 49 | 50 | ### `tintColor` 51 | 52 | Color of the currently selected tab icon 53 | 54 | | Type | Required | 55 | | - | - | 56 | | string | No | 57 | 58 | 59 | 60 | 61 | --- 62 | 63 | ### `translucent` 64 | 65 | A Boolean value that indicates whether the tab bar is translucent 66 | 67 | | Type | Required | 68 | | - | - | 69 | | bool | No | 70 | 71 | 72 | 73 | 74 | 75 | 76 | -------------------------------------------------------------------------------- /website/versions.json: -------------------------------------------------------------------------------- 1 | [ 2 | "0.51", 3 | "0.50", 4 | "0.49", 5 | "0.48", 6 | "0.47", 7 | "0.46", 8 | "0.45", 9 | "0.44", 10 | "0.43", 11 | "0.42", 12 | "0.41", 13 | "0.40", 14 | "0.39", 15 | "0.38", 16 | "0.37", 17 | "0.36", 18 | "0.35", 19 | "0.34", 20 | "0.33", 21 | "0.32", 22 | "0.31", 23 | "0.30", 24 | "0.29", 25 | "0.28", 26 | "0.27", 27 | "0.26", 28 | "0.25", 29 | "0.24", 30 | "0.23", 31 | "0.22", 32 | "0.21", 33 | "0.20", 34 | "0.19", 35 | "0.18", 36 | "0.17", 37 | "0.16", 38 | "0.15", 39 | "0.14", 40 | "0.13", 41 | "0.12", 42 | "0.11", 43 | "0.10", 44 | "0.9", 45 | "0.8", 46 | "0.7", 47 | "0.6", 48 | "0.5" 49 | ] --------------------------------------------------------------------------------