From 5e02b9f81f588be73b489de40ec373948dcdc16a Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Sun, 16 Feb 2020 01:22:48 +0000 Subject: [PATCH] Deploy website Deploy website version based on ebdf71f765e0823efd2168fb53083337dfffc262 --- docs/next/touchablehighlight.html | 184 +++++++++++++++--------- docs/next/touchablehighlight/index.html | 184 +++++++++++++++--------- 2 files changed, 236 insertions(+), 132 deletions(-) diff --git a/docs/next/touchablehighlight.html b/docs/next/touchablehighlight.html index dc405b69edd..8d247a5351d 100644 --- a/docs/next/touchablehighlight.html +++ b/docs/next/touchablehighlight.html @@ -71,81 +71,79 @@
Edit

TouchableHighlight

A wrapper for making views respond properly to touches. On press down, the opacity of the wrapped view is decreased, which allows the underlay color to show through, darkening or tinting the view.

The underlay comes from wrapping the child in a new View, which can affect layout, and sometimes cause unwanted visual artifacts if not used correctly, for example if the backgroundColor of the wrapped view isn't explicitly set to an opaque color.

TouchableHighlight must have one child (not zero or more than one). If you wish to have several child components, wrap them in a View.

-

Example:

-
renderButton: function() {
+
function MyComponent(props) {
   return (
-    <TouchableHighlight onPress={this._onPressButton}>
-      <Image
-        style={styles.button}
-        source={require('./myButton.png')}
-      />
-    </TouchableHighlight>
+    <View {...props} style={{flex: 1, backgroundColor: '#fff'}}>
+      <Text>My Component</Text>
+    </View>
   );
-},
+}
+
+<TouchableHighlight
+  activeOpacity={0.6}
+  underlayColor="#DDDDDD"
+  onPress={() => alert('Pressed!')}>
+  <MyComponent />
+</TouchableHighlight>
 

 
Example

-

+

+

Props

@@ -168,7 +233,6 @@
  • style
  • underlayColor
  • hasTVPreferredFocus
    • -
  • tvParallaxProperties
  • nextFocusDown
  • nextFocusForward
  • nextFocusLeft
    • @@ -245,18 +309,6 @@
    -

    tvParallaxProperties

    -

    (Apple TV only) Object with properties to control Apple TV parallax effects.

    -

    enabled: If true, parallax effects are enabled. Defaults to true. shiftDistanceX: Defaults to 2.0. shiftDistanceY: Defaults to 2.0. tiltAngle: Defaults to 0.05. magnification: Defaults to 1.0. pressMagnification: Defaults to 1.0. pressDuration: Defaults to 0.3. pressDelay: Defaults to 0.0.

    - - - - - - - -
    TypeRequiredPlatform
    objectNoiOS
    -

    nextFocusDown

    TV next focus down (see documentation for the View component).

    @@ -322,7 +374,7 @@
    boolNo
    -
    ← TextInputTouchableNativeFeedback →
    Edit

    TouchableHighlight

    A wrapper for making views respond properly to touches. On press down, the opacity of the wrapped view is decreased, which allows the underlay color to show through, darkening or tinting the view.

    The underlay comes from wrapping the child in a new View, which can affect layout, and sometimes cause unwanted visual artifacts if not used correctly, for example if the backgroundColor of the wrapped view isn't explicitly set to an opaque color.

    TouchableHighlight must have one child (not zero or more than one). If you wish to have several child components, wrap them in a View.

    -

    Example:

    -
    renderButton: function() {
+
    function MyComponent(props) {
   return (
-    <TouchableHighlight onPress={this._onPressButton}>
-      <Image
-        style={styles.button}
-        source={require('./myButton.png')}
-      />
-    </TouchableHighlight>
+    <View {...props} style={{flex: 1, backgroundColor: '#fff'}}>
+      <Text>My Component</Text>
+    </View>
   );
-},
+}
+
+<TouchableHighlight
+  activeOpacity={0.6}
+  underlayColor="#DDDDDD"
+  onPress={() => alert('Pressed!')}>
+  <MyComponent />
+</TouchableHighlight>
 
    
 
    Example
    
-

    +

    +

    Props

    @@ -168,7 +233,6 @@
  • style
  • underlayColor
  • hasTVPreferredFocus
    • -
  • tvParallaxProperties
  • nextFocusDown
  • nextFocusForward
  • nextFocusLeft
    • @@ -245,18 +309,6 @@
    -

    tvParallaxProperties

    -

    (Apple TV only) Object with properties to control Apple TV parallax effects.

    -

    enabled: If true, parallax effects are enabled. Defaults to true. shiftDistanceX: Defaults to 2.0. shiftDistanceY: Defaults to 2.0. tiltAngle: Defaults to 0.05. magnification: Defaults to 1.0. pressMagnification: Defaults to 1.0. pressDuration: Defaults to 0.3. pressDelay: Defaults to 0.0.

    - - - - - - - -
    TypeRequiredPlatform
    objectNoiOS
    -

    nextFocusDown

    TV next focus down (see documentation for the View component).

    @@ -322,7 +374,7 @@
    boolNo
    -
    ← TextInputTouchableNativeFeedback →