Add simple tooltips to views. (microsoft#1568)

beark · rozele · commit a0126394f6ce · 2018-01-09T11:37:19.000-05:00
diff --git a/Libraries/Components/View/ViewPropTypes.windows.js b/Libraries/Components/View/ViewPropTypes.windows.js
@@ -82,6 +82,7 @@ export type ViewProps = {
   shouldRasterizeIOS?: bool,
   collapsable?: bool,
   needsOffscreenAlphaCompositing?: bool,
+  tooltip?: string,
 } & TVViewProps;
 
 module.exports = {
@@ -497,4 +498,12 @@ module.exports = {
         'scale',
         'all',
     ])),
+
+    /**
+     * A short string description that will appear in a tooltip if the user
+     * hovers their pointer over the View for a short duration.
+     *
+     * @platform windows
+     */
+    tooltip: PropTypes.string,
 };
diff --git a/ReactWindows/ReactNative.Net46/UIManager/BaseViewManager.cs b/ReactWindows/ReactNative.Net46/UIManager/BaseViewManager.cs
@@ -112,6 +112,17 @@ public void SetTestId(TFrameworkElement view, string testId)
             AutomationProperties.SetAutomationId(view, testId ?? "");
         }
 
+        /// <summary>
+        /// Sets a tooltip for the view.
+        /// </summary>
+        /// <param name="view">The view instance.</param>
+        /// <param name="tooltip">String to display in the tooltip.</param>
+        [ReactProp("tooltip")]
+        public void SetTooltip(TFrameworkElement view, string tooltip)
+        {
+            ToolTipService.SetToolTip(view, tooltip);
+        }
+
         /// <summary>
         /// Called when view is detached from view hierarchy and allows for 
         /// additional cleanup by the <see cref="IViewManager"/> subclass.
diff --git a/ReactWindows/ReactNative/UIManager/BaseViewManager.cs b/ReactWindows/ReactNative/UIManager/BaseViewManager.cs
@@ -177,6 +177,17 @@ public void SetTestId(TFrameworkElement view, string testId)
             AutomationProperties.SetAutomationId(view, testId ?? "");
         }
 
+        /// <summary>
+        /// Sets a tooltip for the view.
+        /// </summary>
+        /// <param name="view">The view instance.</param>
+        /// <param name="tooltip">String to display in the tooltip.</param>
+        [ReactProp("tooltip")]
+        public void SetTooltip(TFrameworkElement view, string tooltip)
+        {
+            ToolTipService.SetToolTip(view, tooltip);
+        }
+
         /// <summary>
         /// Called when view is detached from view hierarchy and allows for 
         /// additional cleanup by the <see cref="IViewManager"/> subclass.
