Tooltip view is not being set properly with Parent and Child components.

[amit13091992]

As of now, I am trying to use it in the Parent component for orders 1, 2 and later for the rest of the orders I am trying to use it with the child component.

<CopilotStep
          text=""
          order={3}
          name="childhere"
        >
          <WalkthroughableView style={{ flex: 0.4, alignItems: 'center', justifyContent: 'center' }}>
              <TouchableOpacity onPress={onPressChildItem}>
                <Text style={styles.buttonLabel}>{"here"}</Text>
              </TouchableOpacity>
          </WalkthroughableView>
        </CopilotStep>

But here it is not getting fit as per the screenshot.

here is my custom tooltip component view:

<View style={{ height: 150, justifyContent: 'center', alignItems: 'center', width: width / 1.25, alignSelf: 'center' }}>
        {childeren_data}
        </View>

here is my copilotProvider:

<CopilotProvider
            overlay="svg"
            stepNumberComponent={StepNumberComponent}
            tooltipComponent={InteractiveToolTip}
            backdropColor="rgba(6, 4, 3, 1)"
            tooltipStyle={{ backgroundColor: 'rgba(34, 48, 52, 0.65)', width: width - 10 }}
            arrowColor="rgba(3, 6, 6, 0.9)"
            animated
        >
       {<Navigator />}
</CopilotProvider>

If anyone can help me out on this would be really appreciated. Thanks in Advance.

[amit13091992]

[sarmadali25]

did you find any solution?

[srikanth716]

@amit13091992 did you find any solution? I am also facing the same issue

[srikanth716]

@amit13091992 did you find any solution? I am also facing the same issue

 <CopilotProvider 
 tooltipStyle={
      position: 'absolute',
      left: 10,
      right: 10,
      maxWidth: Dimensions.get('screen').width,
      } >

this works for me to fix the view