前端必学之 npm 包 baryshok-react-native-simple-markdown
在前端开发中，我们经常需要展示一些富文本格式的内容，但是如果使用原始的 html 标签去书写，无疑会增加代码的复杂度。同时，在 React Native 开发中，html 标签也无法直接使用。这时候，npm 包 baryshok-react-native-simple-markdown 就能派上用场了。
什么是 baryshok-react-native-simple-markdown？
baryshok-react-native-simple-markdown 是一款基于 React Native 开发的简易 markdown 渲染组件库，支持常见的 markdown 语法，并且可以自定义样式。这个库源码地址是 https://github.com/baryshok/react-native-simple-markdown。
如何使用 baryshok-react-native-simple-markdown？
- 安装 baryshok-react-native-simple-markdown
在终端中输入命令：
npm install --save baryshok-react-native-simple-markdown
- 导入 baryshok-react-native-simple-markdown
在项目中导入代码如下：
import Markdown from 'baryshok-react-native-simple-markdown';
- 使用 baryshok-react-native-simple-markdown
Markdown 组件支持的属性：
- style：自定义 Markdown 渲染组件库的样式；
- onLinkPress: 点击链接时的回调函数；
- markdownStyles: 自定义 Markdown 中 HTML 标记的样式；
- rules: 自定义 Markdown 规则。
示例代码如下：
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ----------- ---- - ---- ---------------
------ -------- ---- ----------------------------------------
----- --- ------- --------- -
----------- - ----- ----- -- -
--------------- ------ ------
--
-------------------- - -
--------- - ------ ------ --------- -- --
--------- - ------ ------- --------- -- --
--------- - ------ -------- --------- -- --
--
----------- - -
-- -----
--
-------- -
----- ------------ - -
- ---
-- ---
--- ---
----
------
----
---
----------------
------------------ ---------
------
----------------------------
--
------ -
------------
---------
------------------ ----------
------------------------------
------------------------------------------
------------------------
-
--------------
-----------
-------------
--
-
-
------ ------- ----总结
通过使用 baryshok-react-native-simple-markdown，我们可以轻松地在 React Native 上渲染 markdown 格式的文本。同时，该组件库也支持自定义样式和规则，为我们展示更加多样化和灵活的内容提供了可能性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005672681e8991b448e3a26