solid-navigation
by ammarahm-ed | v1.0.0-alpha.11
Native navigation for SolidJS mobile apps built with NativeScript.
npm i --save solid-navigation

solid-navigation

Native navigation for SolidJS mobile apps built with NativeScript.

Warning This is a work in progress.

Installation

npm install solid-navigation --save

Usage

Create a router inside a new file, for example 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">();

Use the router in your app:

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 Licensed