solid-navigation

使用 NativeScript 构建SolidJS 移动应用的原生导航。

警告 这是一个进行中的项目。

安装

npm install solid-navigation --save

使用

在新的文件中创建一个路由器，例如 app/router.ts;

import { createStackRouter, RouteDefinition } from "solid-navigation";

declare module "solid-navigation" {
  export interface Routers {
    Default: {
      Home: RouteDefinition<{
        user: string;
      }>;
      Settings: RouteDefinition;
      Feed: RouteDefinition;
    };
  }
}

export const { Route, StackRouter, useParams, useRouter } =
  createStackRouter<"Default">();

在您的应用中使用路由器

import Home from "./home";
import { Route, StackRouter } from "./router";
const App = () => {
  return (
    <StackRouter initialRouteName="Home">
      <Route
        name="Home"
        component={Home}
        initialParams={{
          user: "@ammarahmed",
        }}
      />
    </StackRouter>
  );
};

MIT 许可