Android Canvas Scroll about react-native-canvas

[deaknorbert]

Hey! Can we get a solution for this issue? Thank you very much!

[deaknorbert]

The scrollbars are present on all dimensions no matter on what emulator i'm testing on. Currently I test it on Nexus 5X API 26 and the examples show scrollbars around them.

[iddan]

it shouldn't be scrollable. Can you provide some details about your usecase?

[shivenj]

<View style={{ position: "absolute", top: 0, left: 8 }} > <ScrollView scrollEnabled={false}> <Canvas key={this.state.reloadCanvas} ref={this.handleCanvas} /> </ScrollView> </View>

canvas.width = 150 canvas.height = 150

this is what i get when i inspect webview on chrome :

[Cheerupgr]

I've got same issue. it shows scroll bar in Android

[Cheerupgr]

When I didn't set width and height, it cuts off what I drew in canvas.

[Cheerupgr]

http://prntscr.com/h1a70f

when I double-click canvas component, it becomes

http://prntscr.com/h1a8n2

[shivenj]

Seems like issue is with autoscale-canvas.js . if i remove autoscale-canvas.js from package the quality degrades but the scroll is solved.

but still can't figure out why canvas shows scroller on page load.

you may also see this in example provided by you.

[conor-kelleher]

I've also seen this on all my emulators when running the sample project

[iddan]

Can you please provide some technical details please?

[deaknorbert]

There are some printscreens above. Basically, scrollbars are appearing on android.

[deaknorbert]

I'm developing on android Nougat with these dependencies

"react": "16.0.0-beta.5",
"react-native": "0.49.3",
"react-native-canvas": "0.1.20",

[iddan]

It seems like more of a platform issue than the libraries. Do you know of any native Android solutions for this (WebView showing bars when it shouldn't)?

[deaknorbert]

I don't use any WebView. All my code is in react native.

[iddan]

Canvas uses it :)

[deaknorbert]

I can't make it work unfortunately.

[iddan]

What device dimensions are you testing it on?

[sahiltaneja07]

@shivenj how did you draw that circular canvas, basically I need scrollable semi-circular list view in react-native, can you help?

[Mactub07]

try to add this string "scrollEnabled: false," in node module, then make sure that you use in debug mode updated node module ( with added string);
http://prntscr.com/hzd8yh

[iddan]

Should be resolved by now