(Android) Trying to resolve view with tag which doesn't exist

[mooqoo]

I'm getting this issue if my view reference did not specify a backgroundColor.

so the code works fine if I take a Snapshot with the below viewRef

<View   
  style={{backgroundColor: 'yellow'}}   
  ref={ref => viewRefSuccess = ref}>   
  <Text>   
    Hello View Snap Shot   
  </Text>   
</View>   

However it will crash with the "Trying to resolve view with tag 'tagID' which doesn't exist"
if I remove the backgroundColor props.

<View ref={ref => viewRefSuccess = ref}>   
  <Text>   
    Hello View Snap Shot   
  </Text>   
</View>   

Any thought on why this is happening?

Thanks.

[gre]

Android or iOS?

[mooqoo]

on Android

[gre]

it might be a bug in React Native then, that if an element don't have a style, it's not even in the resolveView list..
For now, you will have to provide a style I guess.

[gaguirre]

Probably related to the collapsable property for Android Views.
Setting it to false could fix the problem.

[gre]

view is somehow virtual (don't mirror a real UI View underneath) if you use that property, so it makes sense that resolveView don't work in that case, it's not a bug on RN then.

[gre]

I'll add a note in README

[faxioman]

I'm not able to fix this issue.
I'm trying to take a screenshot for the main navigator ... setting collapsable on the navigator component or on his parent doesn't solve the issue. Some ideas?

[faxioman]

solved passing a reference of the view which contains the main navigator.

[gre]

yeah, because <Navigator> does not have a UIView representation in the native side, it really needs to be on a View / Image / anything that you are sure that a 'native ui view' will exists (and that is not collapsed)

[manivannan-mp]

Resolved by adding collapsable={false} to view

<View collapsable={false} style={{backgroundColor: 'yellow'}} ref={ref => viewRefSuccess = ref}> <Text> Hello View Snap Shot </Text> </View>

[rameshvishnoi90904]

Resolved by adding collapsable={false} to view

<View collapsable={false} style={{backgroundColor: 'yellow'}} ref={ref => viewRefSuccess = ref}> <Text> Hello View Snap Shot </Text> </View>

Still works

[hanancs]

Resolved by adding collapsable={false} to view

<View collapsable={false} style={{backgroundColor: 'yellow'}} ref={ref => viewRefSuccess = ref}> <Text> Hello View Snap Shot </Text> </View>

Thanks @manivannan-mp

[yaser-elbatal]

Resolved by adding collapsable={false} to view

<View collapsable={false} style={{backgroundColor: 'yellow'}} ref={ref => viewRefSuccess = ref}> <Text> Hello View Snap Shot </Text> </View>

when add ref To View
give error
Oops, snapshot failed [Error: Failed to capture view snapshot]

[dev-alix]

Resolved by adding collapsable={false} to view

<View collapsable={false} style={{backgroundColor: 'yellow'}} ref={ref => viewRefSuccess = ref}> <Text> Hello View Snap Shot </Text> </View>

Yeah it's working for me

"react-native": "0.70.5",
"react-native-view-shot": "^3.5.0",

thanks

[nijarv]

Still getting same error

[Ronaldo-Kadenasty]

Resolved by adding collapsable={false} to view

<View collapsable={false} style={{backgroundColor: 'yellow'}} ref={ref => viewRefSuccess = ref}> <Text> Hello View Snap Shot </Text> </View>

Still working thanks !!