react-native-material-menu icon indicating copy to clipboard operation
react-native-material-menu copied to clipboard

On FlatList does not appears on exact point

Open gauravsbagul opened this issue 4 years ago • 5 comments

Hey guys I am trying to open Menu on more options on my list of cards on FlatList. But the menu is appearing on the left side of the card and not beside the more icon. Can you please help me with this?

Screenshot 2021-01-15 at 12 46 48 PM

gauravsbagul avatar Jan 15 '21 07:01 gauravsbagul

Hey guys I am trying to open Menu on more options on my list of cards on FlatList. But the menu is appearing on the left side of the card and not beside the more icon. Can you please help me with this?

Screenshot 2021-01-15 at 12 46 48 PM

I am facing same issue have you find any solution ?

rajkhan91 avatar Mar 28 '21 10:03 rajkhan91

@rajkhan91 hi, I have used transform to move the menu options to the right. or you can also use Menu from 'react-native-paper'

gauravsbagul avatar Mar 30 '21 03:03 gauravsbagul

@gauravsbagul use Animated.FlatList instead of FlatList than this problem is solved, there is no need to write any css.

rajkhan91 avatar Mar 31 '21 06:03 rajkhan91

You can use map method instead of the Flatlist as well also if you are use flat list then render new component under the flatlist renderItem and into this component create new only card or view component and pass Flatlist item in the renderItem component and into there pass this props in only view component and problem has been solved!

nilofardiwangroovy avatar Mar 01 '24 10:03 nilofardiwangroovy