如何在React和React Native之间共享CSS？

我们是否也应该在React/Next.js应用程序中使用内联CSS样式来统一两个项目之间的代码

像这样

import {StyleSheet, Dimensions} from 'react-native';

const vw = Dimensions.get('window').width / 100;

export const styles = StyleSheet.create({
  container: {
    paddingTop: 0,
    width: '100%',
    marginTop: 0,
    marginBottom: 0,
    marginLeft: 'auto',
    marginRight: 'auto',
    fontFamily: 'Rubik',
  },
  tableSection: {
    width: '100%',
    marginBottom: 0,
    fontFamily: 'Rubik-Bold',
  },
...

而不是：

.eventOptionTitle{
单词包装：打断单词；
文本溢出：省略号；
}
.明星名单{
列表样式类型：无；
左侧填充：0；
}

我建议查看

react native web

以获得正确的代码重用，因为它允许使用完全相同的样式表对象。由于受支持的CSS规则集、flex行为等方面的差异，直接与常规React web应用程序共享CSS一定很棘手