remax-plugin-insert

remax 框架下 page 前后插入自定义内容

插件最初目的用于支持 page-meta 和 navigation-bar，当然也可以用于其他场景。

安装

npm i remax-plugin-insert
# or
pnpm add remax-plugin-insert
# or
yarn add remax-plugin-insert

配置

remax.config.js 中引入 plugin

const { default: remaxPluginInsert } = require("remax-plugin-insert");

module.exports = {
  // ...
  plugins: [remaxPluginInsert()],
  // ...
};

参数

• prefix string 前置插入内容，支持文本或路径，默认内容 src/templates/prefix.wxml

• suffix string 后置插入内容，支持文本或路径，默认内容 src/templates/suffix.wxml

• include Array<string | RegExp> 匹配的页面，eg: ["/pages/index/index"]

• exclude Array<string | RegExp> 排除的页面

使用

import { usePageInstance } from "remax";
import { PageMeta, NavigationBar } from "remax-plugin-insert/components";

export default () => {
  const page = usePageInstance();

  return (
    <>
      <PageMeta page={page} backgroundTextStyle="dark">
        <NavigationBar page={page} title="Awesome Remax" />
      </PageMeta>
    </>
  );
};

插件的实现其实并不依赖 React 组件，所以也可以直接使用 setData 的方式

import { usePageInstance } from "remax";

export default () => {
  const page = usePageInstance();

  page.setData({
    pageMeta: {
      backgroundTextStyle: "dark",
      // ...
    },
    navigationBar: {
      // ...
    },
  });
};