Most likely, to get rid of the warning RCTView has a shadow set but cannot calculate shadow efficiently. I think the outer layer will need to have a backgroundColor style as well. However, it can require passing there also a borderRadius to sync it with the inner layer.

This seems to work but AnimatedFAB depends on backgroundColor to be transparent. I say we still do it and open a separate issue to figure something out for AnimatedFAB.

This seems to work but AnimatedFAB depends on backgroundColor to be transparent. I say we still do it and open a separate issue to figure something out for AnimatedFAB.

How to reproduce it on your branch?

How to reproduce it on your branch?

I tried upgrading Expo but I didn't get warnings. Ended up creating an empty RN project and publishing Paper to npm: https://www.npmjs.com/package/@dimitarnestorov/react-native-paper/v/5.4.1-beta.0
Since transparent is hardcoded you need to go to node_modules/@dimitarnestorov/react-native-paper/src/components/FAB/AnimatedFAB.tsx and manually change the colour.

App.tsx:

import React from 'react';
import {
  AnimatedFAB,
} from '@dimitarnestorov/react-native-paper';

function App(): JSX.Element {
  return (
    <AnimatedFAB
      icon={'plus'}
      label={'Label'}
      extended={false}
      visible
      style={{right: 16, bottom: 16, position: 'absolute'}}
    />
  );
}

export default App;

@lukewalczak Are you all planning fixing this warning for the AnimatedFAB? This PR resolved almost all of the warnings after upgrading to 5.5.0, with the exception of the AnimatedFAB. Is there any workaround for this at the moment? I can use patch-package until there is resolution on the matter.

Not a biggy but since we have MD2Surface MD3Surface SurfaceIOS and inlined logic for android and web - maybe we could extract each of them to a separate file

React Native team wants to deprecate StyleSheet.flatten so it's something we should keep in mind when writing new code and avoid such deep manipulation of styles.

react-native-community/discussions-and-proposals#496