如何解决使自定义Illustrator UI适应React Native应用
我正在构建具有一项主要活动的应用程序，UI看起来像电视遥控器。当用户通过水龙头与UI交互时，我需要向用户显示交互式响应。
UI是使用Illustrator创建的。我在搜索一些SVG解决方案，但只找到动画和变形库。原来，我需要重新加载UI的一部分，因为每次轻按都重新加载所有内容似乎会降低性能。
对此问题有哪些好的解决方案？将SVG装入零件并与CSS放在一起？如果没有办法，我什至考虑使用本机Android，因为我的应用程序依赖于某些电话硬件控制。顺便说一句，我还将把设计转移到Adobe XD上以进行原型创建，因此也许有一些事情可以使生活更轻松。
解决方法
所以这是我解决这个问题的方法：
- 为要导出的插图层指定名称（即使隐藏层也应显示为导出）
- 使用内部CSS将选定的画板导出为SVG，然后为“对象ID”选择“图层名称”
- 在编辑器中打开SVG并根据需要调整初始样式（渐变，笔触，要切换的隐藏层等）。
- 使用SVGR将SVG转换为React组件
- 设置组件位置
- 将道具传递给React组件以在运行时更改样式并与用户互动
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
