Touching chart doesn't work in android but does on iOS
See original GitHub issueTouching the chart on an android machine doesn’t ‘interact’ but iOS is perfect. Is there anything extra I need to put on my page to make this work on android ?
Here is my code. Thank you!
<LineChart height={SIZE / 3.5} width={SIZE - 48}>
<LineChart.Path color='rgba(194, 24, 91, 1)'/>
<LineChart.CursorCrosshair color='white'/>
</LineChart>
<LineChart.PriceText format={({ value }) => {'worklet';const formattedPrice = formatUSD(value);return `${formattedPrice}`;}} precision={9} style={[tw("font-bold"),{color: 'white', margin: 4}]}/>
<LineChart.DatetimeText style={[tw("font-bold"),{color: 'white', margin: 4}]}/>
</LineChart.Provider>```
Issue Analytics
- State:
- Created 2 years ago
- Comments:7
Top Results From Across the Web
react-native-wagmi-charts doesnt responds on touch on android
This solution worked for me on Expo. https://github.com/coinjar/react-native-wagmi-charts/issues/73#issuecomment-1055333633. Example:
Read more >Move from Android to iPhone, iPad, or iPod touch
Move from Android to iPhone, iPad, or iPod touch · Before you begin · Get started on your Apple device · Tap Move...
Read more >touch click on android tablets doesnt work | CanvasJS Charts
Hello. I tried on different tablets with android chrome and other browsers to test but the click event is not firing.
Read more >Android vs iOS - Difference and Comparison - Diffen
Android vs iOS comparison. Google's Android and Apple's iOS are operating systems used primarily in mobile technology, such as smartphones and tablets.
Read more >Device compatibility overview - Android Developers
However, you do need to consider whether your app is compatible with each potential device configuration. Because Android runs on a wide range...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Well, to those who have the same issue, here is my workaround.
Wrap your component using a HOC (gestureHandlerRootHOC) from React Native Gesture Handler
But this still leaves issue on android. The touching stops after a few seconds on android.
Reference: https://docs.swmansion.com/react-native-gesture-handler/docs/#android
This is a good solution but we don’t need to add HOC for this use case. Just wrap your Scrollview / Flatlist inside gestureHandlerRootView and it will work fine. This will solve touching stops after a few seconds on an android issue as well.