1. 什么是 react-native-blockies
react-native-blockies 是一个生成 Blockies 的 React Native 包。Blockies 是一种简单的基于 SVG 的“头像”生成算法，它使用用户的 Ethereum 地址作为输入，并生成一个视觉随机但易于记忆的 8 比特图案。
用于生成这些块形式体素的算法是伪随机的，并且每次输入相同的地址时将生成相同的形状。它是使用一段 Javascript 实现的，并且可以在任何生成 SVG 图像的地方使用。
2. 如何安装
使用 npm 安装 react-native-blockies：
npm install react-native-blockies --save
或者可以使用 yarn：
yarn add react-native-blockies
3. 如何使用
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------------------
----- --------- - -- -- -
---------
---------------------------
---------
---------
--
--
------ ------- ----------在这个例子中，“seed”是一个 Ethereum 地址的哈希表示，而“size”和“scale”是配置块形体素的大小和比例的属性。根据需要对这些属性进行更改即可。
4. 附加示例
下面是一个完整的 react-native 项目中的示例应用：
-- -------------------- ---- -------
------ ----- ---- --------
------ -
-----------
-----
----
- ---- ---------------
------ -------- ---- ------------------------
------ ------- -------- ----- -
------ -
----- -------------------------
----- ------------------------------------------ ---------
---------
------ --------------
-------------------------------------------------
---------
---------
--
----- ------------------------------------------------------------------------
-------
--
-
----- ------ - -------------------
---------- -
----- --
---------------- -------
----------- ---------
--------------- ---------
--
------ -
--------- ---
----------- -------
------------- ---
--
------ -
------------- ----
------------- ---
------------ --
------------ ----------
--
-------- -
--------- --
-
---结论
react-native-blockies 是生成块形体素的一个非常简单的方法，可以用于所有的 react-native 项目。由于它的实现也被发布在 npm 中，因此可以轻松地将代码添加到项目中，而不需要重新实现该算法。此外，修改生成的“头像”风格和块体素的大小也仅仅是一行代码的事情，将会非常容易和直观。
总的来说，react-native-blockies 是一个非常有用的 npm 包，已经被广泛应用于生成用户或交易“头像”之类的应用场景，让我们的应用更加美观实用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005663b81e8991b448e23b6