alimek / react-native-tooltip-menu

ReactNative component - tooltip menu

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Location of Tooltip is wrong in FlatList

bm181354 opened this issue · comments

When embedded inside the FlastList, tooltip component is shown at weird location. This only happens when you scroll the view and click the component embedded inside tooltip.

.....
 <TooltipMenu
          style={styles.tooltipMenu}
          items={[
            {
              label:  () => <Subheading style={{  textAlign: 'left', paddingRight: 16  }}>Edit</Subheading>,
              onPress: () => {
                // @ts-ignore
                alert('pressed test');
              },
            },
            {
              label: () => <Subheading style={{  textAlign: 'left', color: '#F07167', paddingRight: 16   }}>Delete</Subheading>,
              onPress: () => {
                // @ts-ignore
                alert('pressed test2');
              },
            },
          ]}
        >
          {/* ellipsis component  @@*/}
          <View style={styles.ellipse}>
            <Icon name="ellipsis-horizontal" color={'#f39031'} size={22} />
         </View>
</TooltipMenu>
.....

In my case, duplicate ellipsis component moves along with tooltip. Any idea why this is happening?

@bm181354 found a solution?