react-native-tour icon indicating copy to clipboard operation
react-native-tour copied to clipboard

Published 20 hours ago • verified publisher icon Caribu

Circle is not centered

Open JoseLion opened this issue 5 years ago • 2 comments
trafficstars

Hi! I'm trying to use the tour on some components, but the circle seems to be constrained by the height of the attached component. Am I missing something?

<Attach name="Step 1">
  <TouchableOpacity onPress={goToMainLogin}>
    <Text>{"Log In"}</Text>
  </TouchableOpacity>
</Attach>
Screen Shot 2020-06-01 at 12 37 51

JoseLion avatar Jun 01 '20 17:06 JoseLion

I can’t say for sure. It was difficult to create this library in general, due to the constraints of the way layouts work in RN.

An easy fix may be to put a view around your login button, give it an increased height, and then attach around that. Just to give it more room for the circle. It’s been a while since I worked on this library though. Hope that helps.

zackify avatar Jun 01 '20 17:06 zackify

Unfortunately, that's not an option for me because increasing the height will break most of the styles and the UI. But thank you for your insight and quick response! 🙂

JoseLion avatar Jun 01 '20 18:06 JoseLion