RNWeb: The style props works only with Inline style

[karthick-t2s]

In RNWeb, The style property works only as an inline style. It didn't work if it's passed as an object from StyleSheet.create({})

Here is an expo link, switch to web tab and see the issue. working fine in iOS & Android

https://snack.expo.dev/@heykarthick/react-icomoon

import * as React from 'react';
import { View, StyleSheet } from 'react-native';

import Icon from './components/Icon';
const styles = StyleSheet.create({
  iconStyle: {
    color: 'red',
    margin: 20,
  },
});
export default function App() {
  return (
    <View>
      <Icon icon="pencil" size={100} style={styles.iconStyle} /> {/* didn't work */}
      <Icon icon="pencil" size={100} style={{ color: 'red', margin: 20 }} /> {/*Works*/}
    </View>
  );
}

[aykutkardas]

You're right. I will work on it. Thanks for your feedback.

[karthick-t2s]

Hey, thanks, and please note that the array of styles is also not working for the web.
eg: style={[styles.defaultStyle,styles.customStyle]}

[aykutkardas]

Hey, thanks, and please note that the array of styles is also not working for the web. eg: style={[styles.defaultStyle,styles.customStyle]}

Why not just use it as an object?

const styles = {
  iconStyle: {
    margin: 50,
    color: 'red',
  },
};

For Expo, this usage may be the exception.