npm 包 nayuta 使用教程

阅读时长 6 分钟读完

简介

nayuta 是一个基于 React Native 的前端组件库。它提供了一些常用的 UI 组件和工具函数,帮助开发者更快速、简单地构建移动应用。

安装

可以通过 npm 或 yarn 安装:

或者

使用

在需要使用的页面中引入对应的组件:

-- -------------------- ---- -------
------ ----- ---- --------
------ - ----------- ---- - ---- ---------------
------ - ------ - ---- ---------

----- ------ - -------------------
  ---------- -
    ----- --
    --------------- ---------
    ----------- ---------
  --
---

----- --- - -- -- -
  ----- -------------------------
    ------- ------------ ------- --
  -------
--

------ ------- ----

组件列表

Button

用法与 React Native 原生组件 Button 相同。

-- -------------------- ---- -------
------ ----- ---- --------
------ - ----------- ---- - ---- ---------------
------ - ------ - ---- ---------

----- ------ - -------------------
  ---------- -
    ----- --
    --------------- ---------
    ----------- ---------
  --
---

----- --- - -- -- -
  ----- -------------------------
    ------- ------------ ------- --
  -------
--

------ ------- ----

TextInput

用法与 React Native 原生组件 TextInput 相同。

-- -------------------- ---- -------
------ ------ - -------- - ---- --------
------ - ----------- ---- - ---- ---------------
------ - --------- - ---- ---------

----- ------ - -------------------
  ---------- -
    ----- --
    --------------- ---------
    ----------- ---------
  --
  ------ -
    ------ ----
    ------- ---
    ------------ --
    ------------- --
    -------- ---
    --------------- ---
  --
---

----- --- - -- -- -
  ----- ------ -------- - -------------

  ------ -
    ----- -------------------------
      ----------
        --------------------
        ------------
        ----------------------
        ------------------ ---- -----
      --
    -------
  --
--

------ ------- ----

Badge

红色、绿色、黄色三种颜色的徽章。

-- -------------------- ---- -------
------ ----- ---- --------
------ - ----------- ---- - ---- ---------------
------ - ----- - ---- ---------

----- ------ - -------------------
  ---------- -
    ----- --
    --------------- ---------
    ----------- ---------
  --
  ------ -
    ------- ---
  --
---

----- --- - -- -- -
  ----- -------------------------
    ------ ---------- -------------------- --
    ------ ----------- ------------- -------------------- --
    ------ ----------- -------------- -------------------- --
  -------
--

------ ------- ----

Icon

支持 Font Awesome 的图标。

-- -------------------- ---- -------
------ ----- ---- --------
------ - ----------- ---- - ---- ---------------
------ - ---- - ---- ---------

----- ------ - -------------------
  ---------- -
    ----- --
    --------------- ---------
    ----------- ---------
  --
  ----- -
    ------- ---
  --
---

----- --- - -- -- -
  ----- -------------------------
    ----- ----------- ------------------- --
    ----- ------------- ----------- --------- ------------------- --
    ----- ------------ ------------ ------------------- --
  -------
--

------ ------- ----

总结

nayuta 是一个实用的前端组件库,提供了一些常用的 UI 组件和工具函数,方便开发者更快速、简单地构建移动应用。希望能对你的开发工作有所帮助。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055d0181e8991b448da995

纠错
反馈