Layout is off

[florianbepunkt]

When using this component in RN 0.39.0 inside a View the layout seems off. Please see the attached screenshot.

Also when clicking on the TouchableHighlight it throws an error

Any idea why?

[Roconda]

Same here, using at as a marker on a map.

[jordanmkoncz]

Also experiencing both of these issues when I tried using this project.

[indivisable]

I temporarily fixed the layout by adjusting this code in Pulse.js:

marginLeft: -pulseMaxSize-12,
marginTop: -pulseMaxSize/2,

[mastermoo]

Happy to merge a PR, if it fixes the issue for everyone

[pensierinmusica]

Same problem here, any news?

[ch3tan03]

Modify pulse.js
import React, { Component } from 'react';
import { View, StyleSheet, Animated, Easing, Dimensions,Platform } from 'react-native';
import { initialWindowMetrics } from 'react-native-safe-area-context'

const { width } = Dimensions.get('window');
const height = Platform.OS === 'ios' ? initialWindowMetrics.frame.height - initialWindowMetrics.insets.top - initialWindowMetrics.insets.bottom : initialWindowMetrics.frame.height

also make sure you are using same height width in other custom components