在移动端开发中，快速生成图标是一个常见的需求。而 @movilizame/mobile-icon-generator 是一款 npm 包，可以帮助开发者自动生成带有阴影效果的图标，从而提高开发效率。
安装
在使用之前，需要先安装 @movilizame/mobile-icon-generator。
npm install -g @movilizame/mobile-icon-generator
使用方法
在终端中输入以下命令，可以生成一张大小为 1024x1024 的图标，并保存在当前目录下的 icon_1024.png 文件中。
mobile-icon-generator -s 1024
@movilizame/mobile-icon-generator 还提供了一些可选参数，包括：
-s：生成图标大小，单位为像素，默认为 1024x1024。-b：图标背景颜色，支持 rgba 和 hex 格式，默认为白色。-f：图标前景颜色，支持 rgba 和 hex 格式，默认为黑色。-t：阴影颜色，支持 rgba 和 hex 格式，默认为灰色。-e：导出文件名，默认为icon_{size}.png。
mobile-icon-generator -s 512 -b "#0000FF" -f "#FFFF00" -t "#CCCCCC" -e "my_icon.png"
示例代码
以下为一个示例，在 React Native 中使用 @movilizame/mobile-icon-generator 生成应用图标。
-- -------------------- ---- -------
-- ------
------ ----- ---- --------
------ - ----- - ---- ---------------
------ - ------------------ - ---- ----------------------------
------ ------------------- ---- ------------------------------------
----- ------------ - ----- ----- -- -
----- ------ - ----- ---------------------
------- ------
------ --------
------- --------
----- -----
-------- ----
---
------ -------
-
----- --- - -- -- -
----- --------- ----------- - ---------------------
----- ------------- - ----- -- -- -
----- ------- - -
---------- --------
--
--------------------------- ----- ---------- -- -
-- -------------------- -
----------------- --------- ----- ---------
- ---- -- -------------------- -
------------------------ ------ -- --------------------
- ---- -- -------------- -
----- --- - ------------------------------- ----
----- ---- - ----- ------------------
-----------------
-
---
-
------ -
----- -------------------------
-------- -- ------ --------- ---- ------- -- ------------------- ---
------- ------------- ------ ----------------------- --
-------
--
-
----- ------ - -------------------
---------- -
----- --
----------- ---------
--------------- ---------
--
----- -
------ ----
------- ----
------------- ---
------------- ---
--
---
------ ------- ----在上述代码中，我们首先使用 launchImageLibrary 方法从相册中选择一张图片。一旦选择完成，我们使用 @movilizame/mobile-icon-generator 生成应用图标，并使用 Image 组件进行展示。这样，就可以快速生成应用图标，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cee81e8991b448e6a0d