npm 包 create-react-native-unimodules-app 使用教程

阅读时长 10 分钟读完

简介

create-react-native-unimodules-app 是一个npm包,它可以帮助开发者快速搭建具有 unimodules 模块的 React Native 应用程序。本文将详细介绍使用 create-react-native-unimodules-app 的步骤。

安装

使用 npm 安装 create-react-native-unimodules-app:

或者使用 yarn 安装 create-react-native-unimodules-app:

创建新项目

使用 create-react-native-unimodules-app 创建新项目:

运行项目

在 my-app 目录下,运行如下命令:

然后在新终端中,进入 my-app 目录,运行如下命令:

添加 unimodules 模块

使用命令行添加 unimodules 模块:

配置 app.json

在 app.json 文件中添加 unimodules 的配置:

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

示例代码

接下来是使用 unimodules 的示例代码:

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

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

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

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

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

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

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

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

以上就是使用 create-react-native-unimodules-app 创建 React Native 应用,以及如何在应用中使用 unimodules 的完整教程,希望能对你有所帮助。

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

纠错
反馈