Open YisusMB opened 5 years ago
Actually i find a workaround, i check in the package 📦 , exactly /node_modules/react-native-copilot/src/components/CopilotModal.js in the line 133 & 137 i change the color #fff to my color, this is only for the arrow that points to the box, and the container are in the file styles.js inside the same folder, here are the styles of the container, exactly in the object 'tooltip' in the property backgroundColor changes the #fff to your color and this will work fine :D
--I drop here a screenshot to show how this works
I hope i helped btw we really need a solution to this, bc this is not the real solution...
Try mapping "tooltipStyle: styles.tooltipContainer" in your copilot HOC and define "styles.tooltipContainer" in your stylesheet with specific styles.
Note: Please refer attached screen shot and below link to get more clarity. https://github.com/mohebifar/react-native-copilot/blob/master/src/components/Tooltip.js
based on your suggestion I replaced:
arrow.borderBottomColor = '#fff';'
with:
arrow.borderBottomColor = this.props.tooltipStyle && this.props.tooltipStyle.backgroundColor || '#fff';
Current Behavior Actually if i apply te prop backgroundColor keeps margins white & the arrow too how can i modify this? i let the code below and one screenshot to ilustrate the bug
Input Code
Expected behavior/code A clear and concise description of what you expected to happen (or code).
Environment
react-native-copilot
: [ v2.4.3]react-native
: [v0.57.3]react-native-svg
: [v8.0.8]Additional context/Screenshots