Using TouchableOpacity make grid item not orderable

[chhornponleu]

<SortableGrid
    itemsPerRow = { 3 }
    dragStartAnimation = {{transform: []}}
    >
    {
        ['a', 'b', 'c'].map( (letter, index) =>
            <TouchableOpacity key={index}>
                <Text>{letter}</Text>
            </TouchableOpacity>
        )
    }
</SortableGrid>

[shopshow]

same issue +1

[bhavukjain1]

Use disabled.

<SortableGrid
    itemsPerRow = { 3 }
    dragStartAnimation = {{transform: []}}
    >
    {
        ['a', 'b', 'c'].map( (letter, index) =>
            <TouchableOpacity disabled key={index}>
                <Text>{letter}</Text>
            </TouchableOpacity>
        )
    }
</SortableGrid>

[chhornponleu]

@bhavukjain1
Use disabled will not make onPress event of the TouchableOpacity be triggered.

[rajscet]

same issue

[spicyboiledfish]

same issue. I want to use the function "onPress" from TouchableOpacity, but it doesn't work to drag. And I try to use onTap from your example, it's bad, doesn't work

[stueynet]

Same here. Any other way to make the items in the grid actionable buttons?

[chhornponleu]

@stueynet I end up using another lib

[luan-nvg]

o mesmo problema. Eu quero usar a função "onPress" do TouchableOpacity, mas não funciona para arrastar. E eu tento usar onTap do seu exemplo, é ruim, não funciona

here it worked