[Day23] react-native-svg！如何做出設計師指定的按鈕？

透過SVGR 這個工具將SVG 轉換成React Native Component，例如： $ npx [email protected] --native ./logo.svg > LogoSVG.js. 會自動產生下列react-native-svg 可以支援的程式碼：

要在React Native中使用SVG,我们将使用react-native-svg库。该库为React Native提供SVG支持,允许您将SVG文件作为React组件使用。 安装. 首先,安装react- ...

1.下载react-native-svg库. npm: · 2. 下载安装react-native-svg-transformer库(必须安装) · 3. 打包文件配置 · 4. 导入本地SVG矢量图片 · 5. 使用SVG的图片 ...

利用此工具将 SVG 文件转换为 React Native 组件，轻松构建跨平台移动应用，提升开发体验。

如何做出設計師指定的按鈕呢？ https://ithelp.ithome.com.tw/upload/images/. 首先，先叫他畫圖，最好給XD，AI 轉存SVG 常常有不明問題！

Transforms SVG into React Components.

第1 步- 首先，我使用此链接将SVG 转换为JSX，以便React 将SVG 转换为JSX（有时您不需要转换它，这取决于图标本身）。

An online playground to convert SVG to React Native.

</svg>. 打开线转换工具之后，左侧选项栏里面，勾选 React Native. 之后将自己svg 文件内容贴在左侧，右侧会自动生成可以在ReactNative 中运行的代码。