From faa49f7cb0422446f9fb53439f401cdfd357b930 Mon Sep 17 00:00:00 2001 From: Vishal Jagtap Date: Fri, 6 Mar 2020 15:29:42 +0530 Subject: [PATCH 1/2] Updated the React Native Links --- docs/animated.md | 2 +- docs/explore-code.md | 2 +- docs/layout.md | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/animated.md b/docs/animated.md index dca6b122e..cbaf4b73d 100644 --- a/docs/animated.md +++ b/docs/animated.md @@ -6,4 +6,4 @@ sidebar_label: Animated Animations are an important part of modern UX, and the `Animated` library is designed to make them fluid, powerful and easy to build and maintain. `Animated` makes it possible to toggle the size, position, and appearance of elements in your scene in a declarative style that fits into React. -The `Animated` library was originally implemented from React Native, and that is the version we use. To understand how it works, we recommend reading through [the React Native documentation](http://facebook.github.io/react-native/docs/animated.html). \ No newline at end of file +The `Animated` library was originally implemented from React Native, and that is the version we use. To understand how it works, we recommend reading through [the React Native documentation](https://reactnative.dev/docs/animated.html). \ No newline at end of file diff --git a/docs/explore-code.md b/docs/explore-code.md index 2cab116b3..8cacc0e6b 100644 --- a/docs/explore-code.md +++ b/docs/explore-code.md @@ -51,7 +51,7 @@ Text is for drawing characters to the screen. If you're creating a 2D UI, this i ### Styling Content -The next block of code creates the styles applied to the code above. `StyleSheet` is a concept taken directly from [React Native](http://facebook.github.io/react-native/docs/style.html). React 360 supports the same style attributes as React Native, and its documentations should be used to understand the available options. The fields of the `style` object created at the bottom are referenced directly in the React code. +The next block of code creates the styles applied to the code above. `StyleSheet` is a concept taken directly from [React Native](https://reactnative.dev/docs/style.html). React 360 supports the same style attributes as React Native, and its documentations should be used to understand the available options. The fields of the `style` object created at the bottom are referenced directly in the React code. ### Exposing the React Component diff --git a/docs/layout.md b/docs/layout.md index 3f511eeee..be44bbeee 100644 --- a/docs/layout.md +++ b/docs/layout.md @@ -6,7 +6,7 @@ sidebar_label: Layout ## Layout in 2D Surfaces -Within the context of 2D surfaces, React 360 uses a layout technique called Flexbox. This constraint-based system of layout was originally developed for the web, but its power and ability to represent many different layout types lends itself to the declarative nature of React. It was adopted by React Native, from which React 360 borrows its implementation. The React Native documentation covers these topics well, and should be used to understand how to [size your objects](http://facebook.github.io/react-native/docs/height-and-width.html) and [lay them out in 2D space](http://facebook.github.io/react-native/docs/flexbox.html). +Within the context of 2D surfaces, React 360 uses a layout technique called Flexbox. This constraint-based system of layout was originally developed for the web, but its power and ability to represent many different layout types lends itself to the declarative nature of React. It was adopted by React Native, from which React 360 borrows its implementation. The React Native documentation covers these topics well, and should be used to understand how to [size your objects](https://reactnative.dev/docs/height-and-width.html) and [lay them out in 2D space](https://reactnative.dev/docs/flexbox.html). ## Layout in 3D Space From f6eea99a2c54efafa8d368f43d7445139f059547 Mon Sep 17 00:00:00 2001 From: Vishal Jagtap Date: Fri, 6 Mar 2020 15:31:10 +0530 Subject: [PATCH 2/2] Updated the React Native Links in samples & lib --- Libraries/VRReactOverrides/Text.vr.js | 36 +++++++++---------- .../BasicAppTemplateInfoButton.react.js | 2 +- .../MediaAppTemplateInfoButton.react.js | 2 +- 3 files changed, 20 insertions(+), 20 deletions(-) diff --git a/Libraries/VRReactOverrides/Text.vr.js b/Libraries/VRReactOverrides/Text.vr.js index b8a1d8389..fb597b4d6 100644 --- a/Libraries/VRReactOverrides/Text.vr.js +++ b/Libraries/VRReactOverrides/Text.vr.js @@ -51,7 +51,7 @@ const viewConfig = { /** * A React component for displaying text. * - * See https://facebook.github.io/react-native/docs/text.html + * See https://reactnative.dev/docs/text.html */ // $FlowFixMe(>=0.41.0) @@ -62,105 +62,105 @@ const Text = createReactClass({ * When `numberOfLines` is set, this prop defines how text will be * truncated. * - * See https://facebook.github.io/react-native/docs/text.html#ellipsizemode + * See https://reactnative.dev/docs/text.html#ellipsizemode */ ellipsizeMode: PropTypes.oneOf(['head', 'middle', 'tail', 'clip']), /** * Used to truncate the text with an ellipsis. * - * See https://facebook.github.io/react-native/docs/text.html#numberoflines + * See https://reactnative.dev/docs/text.html#numberoflines */ numberOfLines: PropTypes.number, /** * Set text break strategy on Android. * - * See https://facebook.github.io/react-native/docs/text.html#textbreakstrategy + * See https://reactnative.dev/docs/text.html#textbreakstrategy */ textBreakStrategy: PropTypes.oneOf(['simple', 'highQuality', 'balanced']), /** * Invoked on mount and layout changes. * - * See https://facebook.github.io/react-native/docs/text.html#onlayout + * See https://reactnative.dev/docs/text.html#onlayout */ onLayout: PropTypes.func, /** * This function is called on press. * - * See https://facebook.github.io/react-native/docs/text.html#onpress + * See https://reactnative.dev/docs/text.html#onpress */ onPress: PropTypes.func, /** * This function is called on long press. * - * See https://facebook.github.io/react-native/docs/text.html#onlongpress + * See https://reactnative.dev/docs/text.html#onlongpress */ onLongPress: PropTypes.func, /** * Defines how far your touch may move off of the button, before * deactivating the button. * - * See https://facebook.github.io/react-native/docs/text.html#pressretentionoffset + * See https://reactnative.dev/docs/text.html#pressretentionoffset */ pressRetentionOffset: EdgeInsetsPropType, /** * Lets the user select text. * - * See https://facebook.github.io/react-native/docs/text.html#selectable + * See https://reactnative.dev/docs/text.html#selectable */ selectable: PropTypes.bool, /** * The highlight color of the text. * - * See https://facebook.github.io/react-native/docs/text.html#selectioncolor + * See https://reactnative.dev/docs/text.html#selectioncolor */ selectionColor: ColorPropType, /** * When `true`, no visual change is made when text is pressed down. * - * See https://facebook.github.io/react-native/docs/text.html#supperhighlighting + * See https://reactnative.dev/docs/text.html#supperhighlighting */ suppressHighlighting: PropTypes.bool, style: stylePropType, /** * Used to locate this view in end-to-end tests. * - * See https://facebook.github.io/react-native/docs/text.html#testid + * See https://reactnative.dev/docs/text.html#testid */ testID: PropTypes.string, /** * Used to locate this view from native code. * - * See https://facebook.github.io/react-native/docs/text.html#nativeid + * See https://reactnative.dev/docs/text.html#nativeid */ nativeID: PropTypes.string, /** * Whether fonts should scale to respect Text Size accessibility settings. * - * See https://facebook.github.io/react-native/docs/text.html#allowfontscaling + * See https://reactnative.dev/docs/text.html#allowfontscaling */ allowFontScaling: PropTypes.bool, /** * Indicates whether the view is an accessibility element. * - * See https://facebook.github.io/react-native/docs/text.html#accessible + * See https://reactnative.dev/docs/text.html#accessible */ accessible: PropTypes.bool, /** * Whether font should be scaled down automatically. * - * See https://facebook.github.io/react-native/docs/text.html#adjustsfontsizetofit + * See https://reactnative.dev/docs/text.html#adjustsfontsizetofit */ adjustsFontSizeToFit: PropTypes.bool, /** * Smallest possible scale a font can reach. * - * See https://facebook.github.io/react-native/docs/text.html#minimumfontscale + * See https://reactnative.dev/docs/text.html#minimumfontscale */ minimumFontScale: PropTypes.number, /** * Specifies the disabled state of the text view for testing purposes. * - * See https://facebook.github.io/react-native/docs/text.html#disabled + * See https://reactnative.dev/docs/text.html#disabled */ disabled: PropTypes.bool, /** diff --git a/Samples/BasicAppTemplate/src/components/BasicAppTemplateInfoButton.react.js b/Samples/BasicAppTemplate/src/components/BasicAppTemplateInfoButton.react.js index 8888dfb62..f3f9a05e6 100755 --- a/Samples/BasicAppTemplate/src/components/BasicAppTemplateInfoButton.react.js +++ b/Samples/BasicAppTemplate/src/components/BasicAppTemplateInfoButton.react.js @@ -31,7 +31,7 @@ class BasicAppTemplateInfoButton extends React.Component { }; // This component has example to show how animation works - // You can check the doc: https://facebook.github.io/react-native/docs/0.49/animated#docsNav + // You can check the doc: https://reactnative.dev/docs/0.49/animated#docsNav constructor(props) { super(props); this.state = { diff --git a/Samples/MediaAppTemplate/src/components/MediaAppTemplateInfoButton.react.js b/Samples/MediaAppTemplate/src/components/MediaAppTemplateInfoButton.react.js index d669ae7e9..4b8ef2cd6 100755 --- a/Samples/MediaAppTemplate/src/components/MediaAppTemplateInfoButton.react.js +++ b/Samples/MediaAppTemplate/src/components/MediaAppTemplateInfoButton.react.js @@ -30,7 +30,7 @@ class MediaAppTemplateInfoButton extends React.Component { }; // This component has example to show how animation works - // You can check the doc: https://facebook.github.io/react-native/docs/0.49/animated#docsNav + // You can check the doc: https://reactnative.dev/docs/0.49/animated#docsNav constructor(props) { super(props); this.state = {