Current behaviour
In the source code, I noticed that iOS surface has outerLayer and inner view. However, outerLayerStyleProperties filter flex, than the inner will never has flex style. Therefore, it will never fill the remaining height. In android and web, it renders nomal.
const [filteredStyles, outerLayerStyles, borderRadiusStyles] =
splitStyles(
flattenedStyles,
(style) =>
outerLayerStyleProperties.includes(style) ||
style.startsWith('margin'),
(style) => style.startsWith('border') && style.endsWith('Radius')
);
Expected behaviour
How to reproduce?
Preview
What have you tried so far?
Your Environment
| software |
version |
| ios |
x |
| android |
x |
| react-native |
x.x.x |
| react-native-paper |
5.13.1 |
| node |
x.x.x |
| npm or yarn |
x.x.x |
| expo sdk |
x.x.x |
Current behaviour
In the source code, I noticed that iOS surface has outerLayer and inner view. However, outerLayerStyleProperties filter
flex, than the inner will never hasflexstyle. Therefore, it will never fill the remaining height. In android and web, it renders nomal.Expected behaviour
How to reproduce?
Preview
What have you tried so far?
Your Environment