SVGR删除react原生expo应用程序中的样式标签，并且在React原生expo应用程序中，svg组件未在android中呈现

pu82cl6c 于 2023-02-24 发布在 React

关注(0)|答案(1)|浏览(103)

我有.svg文件，我正在使用SVGR转换svg组件。但SVGR已删除我的.svg文件中的样式标记。这是原始的.svg文件与样式标记

viewBox="0 0 385.11 279.06" style="enable-background:new 0 0 385.11 279.06;" xml:space="preserve">
<style type="text/css">
    .st0{fill:#FFFFFF;}

    .st1{fill:#6FCCDD;}
</style>```

When I used SVGR , it removed style with this message
/* SVGR has dropped some elements not supported by react-native-svg: style */

how should i apply class level style in SVGR react native expo app and also svg component is not rendered in android app

react-native

来源：https://stackoverflow.com/questions/75552125/svgr-removing-style-tag-in-react-native-expo-appliction-and-svg-component-is-not

1条答案

按热度按时间

xdnvmnnf1#

React native没有或不支持<style>标记。
您的问题有两种可能的解决方案：
1.创建如下样式表

const styles = StyleSheet.create({
  .st0 : { fill : "#FFFFFF"},
  .st1 : {fill:#6FCCDD}
});

并使用style={styles.st0}将其应用于组件
1.在style标签本身中内联应用样式
<Svg style={fill : "#FFFFFF"} />

赞(0）回复(0）举报 2023-02-24

我来回答

SVGR删除react原生expo应用程序中的样式标签，并且在React原生expo应用程序中，svg组件未在android中呈现

1条答案

相关问题

热门标签

最新问答