Skip to content

react-native --icon should be 24 not 1em #571

@FDiskas

Description

@FDiskas

🐛 Bug Report

In react native 1em width does nothing - suppose to be rem?

To Reproduce

Go to playground https://react-svgr.com/playground/?icon=true&native=true&typescript=true

Expected behavior

I would like to get results with width and height as 24

<Svg
      xmlns="http://www.w3.org/2000/svg"
      width={24}
      height={24}

Workaround in .svgrrc.js

        [
          "@svgr/babel-plugin-replace-jsx-attribute-value",
          {
            "values": [
              { "value": "1em", "newValue": 24 },
            ]
          }
        ]
## System:
 - OS: macOS 11.4
 - CPU: (8) x64 Intel(R) Core(TM) i7-4770HQ CPU @ 2.20GHz
 - Memory: 49.51 MB / 16.00 GB
 - Shell: 5.8 - /bin/zsh
## Binaries:
 - Node: 14.17.0 - ~/.nvm/versions/node/v14.17.0/bin/node
 - Yarn: 1.22.10 - ~/.nvm/versions/node/v14.17.0/bin/yarn
 - npm: 6.14.13 - ~/.nvm/versions/node/v14.17.0/bin/npm
 - Watchman: 2021.06.07.00 - /usr/local/bin/watchman
## npmPackages:
 - @svgr/cli: ^5.5.0 => 5.5.0 

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions