diff --git a/native/tooltip/nux-tips-overlay.react.js b/native/tooltip/nux-tips-overlay.react.js --- a/native/tooltip/nux-tips-overlay.react.js +++ b/native/tooltip/nux-tips-overlay.react.js @@ -2,7 +2,7 @@ import invariant from 'invariant'; import * as React from 'react'; -import { View, TouchableWithoutFeedback, Platform } from 'react-native'; +import { View, TouchableWithoutFeedback, Platform, Text } from 'react-native'; import Animated from 'react-native-reanimated'; import type { AppNavigationProp } from '../navigation/app-navigator.react.js'; @@ -58,6 +58,11 @@ height: 10, width: 10, }, + tipText: { + color: 'panelForegroundLabel', + fontSize: 20, + padding: 15, + }, }; export type NUXTipsOverlayParams = { @@ -79,7 +84,7 @@ function createNUXTipsOverlay( ButtonComponent: React.ComponentType>, - MenuComponent: React.ComponentType, + getTipText: () => string, ): React.ComponentType { function ConnectedNUXTipsOverlay(props: BaseNUXTipsOverlayProps) { const dimensions = useSelector(state => state.dimensions); @@ -244,6 +249,8 @@ } }, [dimensions.width, initialCoordinates]); + const tipText = getTipText(); + return ( @@ -263,7 +270,7 @@ > - + {tipText}