Style property 'backgroundColor' is not supported by native animated module, when navigating back from browser.

Current behaviour

I am using the card component to display news in my app. On click, I use the react-native’s inbuilt Linking to open a browser to display the article. Everything works fine till here. But when I click navigate back to the app using the back navigation button on iOS the app crashes with the below error.

Expected behaviour

I don’t expect any errors on navigating back to the app.

Code sample

JSX

<Section header={'News'}>

  {loading ? (
    <ActivityIndicator />
  ) : news.length < 1 ? (
    <Text>No News</Text>
  ) : (
    news.slice(0, 5).map((item) => {
      const date = new Date(item.publishedAt);
      return (
        <Card
          style={{marginVertical: 10}}
          key={`${item.url}`}
          onPress={() => handlePress(item.url)}>
          {/* <Surface> */}
          <Card.Title
            style={{padding: 10}}
            title={item.title}
            titleNumberOfLines={3}
            subtitle={moment(date).format('DD MMMM YY')}
            // left={LeftContent}
          />
          <Card.Content style={{padding: 10}}>
            <Paragraph>{item.description}</Paragraph>
          </Card.Content>
          <Card.Cover source={{uri: item.urlToImage}} />
          {/* </Surface> */}
        </Card>
      );
    })
  )}
</Section>

Function to open article

const handlePress = useCallback(async (url) => { // Checking if the link is supported for links with custom URL scheme. const supported = await Linking.canOpenURL(url);

if (supported) {
  // Opening the link with some app, if the URL scheme is "http" the web link should be opened
  // by some browser in the mobile
  await Linking.openURL(url);
} else {
  Alert.alert(`Don't know how to open this URL: ${url}`);
}

}, []);

Screenshots (if applicable)

What have you tried

Your Environment

software	version
ios or android	iOS
react-native	0.63.4
react-native-paper	^4.7.1
node	v15.3.0
npm or yarn	yarn
expo sdk

[girish54321]

Hi All after removeing onPress form <Card /> fixed the theme problem so now I am using TouchableOpacity for onPress action.

[codeyogi911]

@girish54321 try this article. It solved my problem. Theming with React navigation