feat: pressableHightlightColor prop to customize pressable appearance

meliorence · Jun 4, 2021 · e5dfa1e · e5dfa1e
1 parent cf5564e
commit e5dfa1e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/render-html/src/constants.ts b/packages/render-html/src/constants.ts
@@ -1,5 +1,5 @@
 const DEFAULT_TEXT_COLOR = 'black';
-const DEFAULT_PRESSABLE_RIPPLE_COLOR = 'blue';
+const DEFAULT_PRESSABLE_RIPPLE_COLOR = 'rgba(38, 132, 240, 0.2)';
 
 const constants = {
   DEFAULT_PRESSABLE_RIPPLE_COLOR,

diff --git a/packages/render-html/src/shared-types.ts b/packages/render-html/src/shared-types.ts
@@ -177,11 +177,19 @@ export interface RenderHTMLSharedProps<
    *
    * @returns a record of markers if one or many markers should be added,
    * `null` otherwise.
+   *
+   * @remarks
+   * Changes to this prop will cause a react tree update. Always memoize it.
    */
   setMarkersForTNode?: (
     tnode: TNode,
     parentMarkers: Markers
   ) => Partial<Markers> | null;
+  /**
+   * Color used for pressable items, either for the ripple effect (Android), or
+   * highlight (other platforms).
+   */
+  pressableHightlightColor?: string;
 }
 
 export interface TransientRenderEngineConfig {